0

[链接已删除] 在 iPhone 上，顶部横幅不会一直伸展。解决方案？

这是截图：！[在此处输入图像描述][1]

这是应用于 div 的 CSS ive：

#banner {
    background-color: #F7F7F7;
    background-size: cover;
    box-shadow: 0 0 30px 2px #DCCFBF inset;
    display: inline-block;
    height: 200px;
    width: 100%;

问题 2. 在 chrome 中，当我调整浏览器窗口的大小时，底部的两个导航图标会移动（图形设计和社交媒体）。我将它们放在一个容器中以尝试将它们固定在适当的位置，但它仍然会发生……仅在 chrome 上。我意识到整个网站都发生了变化，但是导航中的其他图标会在一段时间后停止，底部的图标与它们重叠，看起来很糟糕。有什么建议么？

4

1 回答 1

5

横幅不会一直伸展，因为您的内容比移动 Safari 视为全宽的内容更宽。然后它会缩小整个页面以适应内容并稍微将标题拉开。

看到这个类似问题的答案

它通常通过添加来修复

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

到<head>

至于图标，Chrome 似乎尊重width: 100%on #home（main.css 的第 528 行）的 @media 查询值，因为您缩小了浏览器窗口，而 Firefox 没有，并保留第一个值width: 1020px（l. 91）

于 2012-11-21T00:43:39.990 回答