【发布时间】：2016-02-22 01:22:06
【问题描述】：
我的网站 (kitchhomedesign.com) 可在桌面网络和移动模拟器上响应。当我使用真正的 iPhone 时，它没有正确响应。关于从哪里开始调试的想法？
移动模拟器： http://mobiletest.me/iphone_5_emulator/?u=http://kitchhomedesign.com
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Grace Miller">
<title>Welcome to Kitch Home Design</title>
<!-- Bootstrap -->
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<!--Font Awesome Icons-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>
<body>
【问题讨论】：
-
没有正确响应是什么意思？您无法在手机上进行调试，也不太可能有人会为您重新创建您的页面并在尝试解决问题的设备之间来回切换。
-
它在模拟器上显示为移动友好，但在设备上不是移动友好。寻找有关如何修复的想法。
-
我了解问题的本质，但您的问题太抽象，无法期待任何人的回答。
-
找到了这个关于如何修复的好链接（如下）。 GoDaddy 在使用 Masking 转发时使用 iFrame。要解决此问题，您需要在 GoDaddy 中正确设置 DNS 条目并在不屏蔽的情况下转发。 frontendjunkie.com/2015/04/…
标签： css twitter-bootstrap mobile responsive-design