Safari浏览器9（在iOS9）忽略CSS设置

这是在所有浏览器，所有的窗口大小工作正常响应HTML。它过去也适用于iPhones，直到iOS9诞生。现在整个网站都坏了。额外的利润率（我猜测）已被添加，这意味着所有的盒子似乎都有很大的空白。以下是我的iPad截图。

我设置了视区

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

我试过利润率设置为0，甚至为负值，但框不动。我也尝试删除任何div标签之间的空白，没有任何变化。

我使用的是响应CSS的所有浏览器：dev.mailagent.biz/cms/css/main_responsive.css 然后专门安装这一个iOS9：http://dev.mailagent.biz/cms/css/iOS9.css

然而，大部分的风格依然被忽略尤其是与利润率挂钩。例如。 iOS9样式表实际上应该将整个站点与左侧对齐（.centeredWrapper具有边距：0不是边距：自动）。我知道iOS9.css是附加在iPhone/iPad上的，例如，与桌面版本相比，顶部菜单中的某些边距和颜色已成功更改。

有没有人有任何想法是怎么回事？如何告诉Safari停止尝试变得聪明？或者我应该如何改变我的标记？在main_responsive

2015-09-25 Elendurwen

检查它在Safari中的计算机上为好。看起来一样，可能更容易调试！ –

我在Safari中看到很多“无效的CSS属性声明”警告，这些警告都与两个样式表中的*属性选择器有关。我不知道这与它有什么关系。 –

是的，因为桌面safari升级到9.0，它有同样的问题。在下面的答案中肯定存在CSS验证问题。谢谢！ – Elendurwen

281线（或98）似乎是罪魁祸首：

.content ul, .content ol, :not(.content ul.slideshowUl) { margin: 0 0 10px 30px;}

我评论说出来的Safari浏览器检查，整个页面就恢复正常。

2015-10-05 17:52:25

谢谢你，你是对的，你认为新的Safari只是不喜欢：不声明？ – Elendurwen

实际上，在语句中使用逗号，：not选择器似乎在没有类“.content ul.slideshowUL”的页面上选择EVERYTHING。换句话说，不是我假设它正试图完成的正确语法。 –

但这并不能解释为什么Safari是唯一显示问题的人！ –

尝试添加收缩到适合您的视口代码

<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">

2015-10-09 13:26:17

回答