我不久前完成了这个网站，但发生了一些事情，我现在花了一整天的时间修复它并从头开始恢复它，因为我的备份没有正确完成。我不太明白它在做什么，因为我在许多其他网站上都没有遇到过这种技术，也许我看这个网站的时间太长了？
Here is the website .我想在左侧和右侧放置一些空间，但是我没有一个容器，因为我需要屏幕 100% 处的深灰色条，并且无论它在哪里都始终在横幅下方。所以我想要有 4 个“包含”的 div 空间。我已经放置了 soem CSS3 媒体查询，但现在我在右边有一个缺口。我在想这是因为我的背景法师一路走来，但他们设置为 100%，所以我只是不明白发生了什么。这很简单，我现在还没有看到它..
这就是我对媒体查询的看法
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#header, #banner, #main, #footer-widget-area { padding: 0 2em 0 2em; }
}
这是我在 iPhone 上的样子
任何建议都是有帮助和赞赏的。
最佳答案
查看 viewport元标记。如果您要将代码添加到页面的 <head> :
<meta name="viewport" content="width=1100">
这将迫使 iPhone 的视口(viewport)呈现 1100 像素宽。 iPhone 上的默认视口(viewport)为 980px，因此您的页面暗示 100% 宽度为 980px 而不是真实内容的宽度。
视口(viewport)可能很棘手，这里有一些关于它的更多信息:
关于iphone - 在移动设备中为网站设置填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13227267/