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



我正在制作页面http://www.rhemapress.pl/www_physy/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%宽度。

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

我在查看需要元视口标签的代码后押注。

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

尝试添加

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

到您的<head></head>

谢谢大家的答案。我认为不可能正确执行此操作,但是如果我错误地做出了正确的答案。我将#header的背景移至CSS中的<body>并设置repeat-x。现在它正常工作,但它无法解决笔记本和移动设备(iPad)上的100% width的问题。

相关内容

最新更新