小编Ele*_*wen的帖子

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

我正在这个网页上工作:http://dev.mailagent.biz/cms/NEWS

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

我将视口设置为

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)

我尝试将边距设置为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停止尝试聪明?或者我该如何更改标记?

html css iphone responsive-design ios9

6
推荐指数
1
解决办法
2886
查看次数

标签 统计

css ×1

html ×1

ios9 ×1

iphone ×1

responsive-design ×1