Safari 9(在iOS9中)忽略CSS设置

时间:2015-09-25 12:36:56

标签: html css iphone responsive-design ios9

我正在使用此网页:http://dev.mailagent.biz/cms/NEWS

它是响应式HTML,适用于所有浏览器,所有窗口大小。它曾经在iPhone上工作得很好,直到iOS9出现。现在整个网站都被打破了。额外的边距(我猜)已被添加,这意味着所有框似乎都有很多空白区域。以下是我的iPad的截图。iPad screenshot

我将视口设置为

n = i + (i - 1);

我尝试将边距设置为0,甚至设置为负值,但框不会移动。我也尝试删除div标签之间的任何空格,没有任何变化。

我正在为所有浏览器使用响应式css:dev.mailagent.biz / cms / css / main_responsive.css 然后专门为iOS9附加这个:http://dev.mailagent.biz/cms/css/iOS9.css

但是,大多数样式仍然被忽略,特别是与边距有关。例如。 iOS9样式表实际上应该将整个站点对齐到左侧(.centeredWrapper有余量:0不是margin:auto)。我知道iOS9.css是为iPhone / iPad附加的,例如,与桌面版相比,顶部菜单中的某些边距和颜色已成功更改。

有谁知道发生了什么事?如何告诉Safari停止尝试聪明?或者我应该如何更改标记?

2 个答案:

答案 0 :(得分:4)

尝试在视口标记

中添加缩小版
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">

答案 1 :(得分:2)

main_responsive中的第281行(或98)似乎是罪魁祸首:

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

我评论说,在Safari检查器中,整个页面恢复正常。