加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 18:41:04 所属栏目:资源 来源:网络整理
导读:我正在这个网页上工作: http://dev.mailagent.biz/cms/NEWS 它是响应式HTML,适用于所有浏览器,所有窗口大小.它曾经在iPhone上工作得很好,直到iOS9出现.现在整个网站都破了.额外的边距(我猜)已被添加,这意味着所有框似乎都有很多空白区域.以下是我的iPad.的
我正在这个网页上工作: http://dev.mailagent.biz/cms/NEWS

它是响应式HTML,适用于所有浏览器,所有窗口大小.它曾经在iPhone上工作得很好,直到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不是margin:auto).我知道iOS9.css是为iPhone / iPad附加的,例如与桌面版相比,顶部菜单中的某些边距和颜色已成功更改.

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

解决方法

尝试在视口标记中添加缩小版
<meta name="viewport" content="width=device-width,shrink-to-fit=no">

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读