html - 如何在 CSS 中正确设置宽度 - 需要修复 Mac 和 iPad 上 Safari 的错误

标签 html ios css macos safari

我正在制作页面 http://www.rhemapress.pl/www_physis/index.php?id=1 .如您所见,标题背景为 100% 宽度(橙色)。它是 <body> 中的第一个元素.代码是:<div id="header"></div> .这个元素的 CSS 是:

#header {
width: 100%;
height: 174px;
background-image: url("img/top-line.jpg");
position: absolute;
z-index: 6; 
margin: 0px 0px 0px 0px;
}

在 Mac 上的 Safari 上没问题。当我在 iPad 上使用 Safari 时,标题设置不正确 - 它不是 100% 宽度。

问题出在哪里?你能帮我吗?

最佳答案

我在查看您的代码后打赌您需要元视口(viewport)标记..

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

关于html - 如何在 CSS 中正确设置宽度 - 需要修复 Mac 和 iPad 上 Safari 的错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13296832/

相关文章:

javascript - 如果我单击复选框,则尝试阻止 jQuery 触发 table tr onclick 事件

ios - Swift 项目中的 Cocoa pods objective c 文件。桥接问题

css - 让子 div 出现在绝对定位的父元素之上

html - 适合页面高度但不与页脚/页眉重叠的可缩放侧边栏

javascript - 在 AngularJS 中更新 $localStorage 数据后,表中的值未更新

ios - 如何防止 Interface Builder 在 subview 内容周围添加 20pt 填充?

objective-c - 您如何使用 ARC 处理 'require( ..., bail)' 语句?

html - 使用 em 调整字体大小 - 如果 base-size = 0 怎么办?

javascript - 如何在 js 或 css 中固定图像位置?我有摩天轮 我希望我所有的图像在旋转时都应该站立

html - 固定页脚被 Mobile Safari UI 页脚裁剪