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

Question

我正在制作页面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% 宽度。

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

score 0 · Accepted Answer

在查看您的代码后，我打赌您需要元视口标签..

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

score 0 · Accepted Answer

尝试添加

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

给你的<head></head>

score 0 · Accepted Answer

谢谢大家的回答。我认为不可能正确地做到这一点，但如果我错了，那就用正确的答案来回应。我将#header背景移到<body>CSS 中并设置repeat-x. 现在它工作正常，但它不能解决100% width笔记本和移动设备（ipad）上的元素问题。

3 回答 3