Safari没有在我的wordpress网站上阅读我的响应式CSS

Question

出于某种原因，Safari for iPhone无法读取响应式CSS，必须要停止它...但我无法找到错误或错误。我用一把细齿梳子穿过CSS并检查过。

实时开发网站位于：http://k16.koogardevelopment.co.uk/

Answer 1

问题的根源在于您的某些div具有硬编码宽度，这些宽度不会缩小或重置为窄视口。例如，你有

body{
 min-width:960px;
}

我发现需要注意的div是body，＃main，＃twweets ul和#branding

您可以选择将这些元素的宽度设置更改为可缩放的内容，例如： { width:100%;}或使用媒体查询，以便您可以在特定视口中定位和更改它们，例如

@media screen and (max-width: 767px) {    /*adjust width as required  */
  #element-you-want-to-target{
    width: Xpx;
  }

}

祝你好运！