iPhone 6中的水平滚动
iPhone 6中的水平滚动
提问于 2014-11-14 22:17:33
我使用了一个响应版本的wordpress二十十个主题为我的网站，并稍微调整了一些css，以显示更好的东西。
我的网站在iPhone 4+ 5上看上去不错，但当我在老板iPhone6上看到它时，网站就会水平滚动。我很确定我有正确的css媒体查询大小'667'，所以我不知道为什么6的内容似乎扩展到页面的右侧。
(我的网站在这里：http://www.inspiredental.ca/new/)
我为响应部分做了一个CSS PasteBin：http://pastebin.com/4E6wSA1p
回答 1
Stack Overflow用户
发布于 2014-11-14 22:30:20
我无法在浏览器中复制错误，但是我在CSS中看到了一个标志：
#container {
margin: 0 -320px 0 0;
}尝试将其放入媒体查询中，并再次在iPhone上测试，以确定这是否是问题所在：
#container {
display: none;
}如果您不想使用框架，您可能需要像这样重写#容器：
#container {
float: left;
margin: 0;
width: calc(100% - 300px);
}
#content {
margin-right: 0;
}在你的主容器上有一个很高的负值只是在自找麻烦。对于容器和侧边栏，使用媒体查询更容易完成百分比操作。上面的示例允许您在重置边距时为侧栏具有固定的宽度。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26939782
复制相关文章
相似问题
腾讯云开发者
