移动网站没有响应尽管网络和模拟器显示它的工作原理

时间:2016-02-22 01:22:07

标签: css twitter-bootstrap mobile responsive-design

我的网站(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> 

1 个答案:

答案 0 :(得分:1)

您的网站未显示响应的原因是您在kitchhomedesign.com上的iFrame中显示它。如果你直接去kitchhomedesign.s3-website-us-east-1.amazonaws.com它工作得很好。