我已经研究了好几个小时了。
我使用 wordpress twentythirtee 主题作为我正在处理的着陆页的起点。我让它在桌面上看起来完全像我想要的那样，但是当我切换到我的 iPhone 时，页脚无法正确呈现，并且有一条线沿着框架的右侧垂直延伸。
网站:detroitvehiclewraps.tectonicsindustries.com
我已经考虑了所有我能想到的，但无法解决问题。我删除了检测移动的PHP，暂时我希望网站在移动和桌面上显示相同。此处的任何 CSS 向导可以提供的任何帮助将不胜感激。我知道我只是错过了一些无聊的小东西，我完全失去了理智。
谢谢。
最佳答案
尝试插入一个viewport元标记到 <head> :
<meta name="viewport" content="width=990px, user-scalable=yes">
Iphone 的默认视口(viewport)为 980 像素宽，您的内容为 990 像素宽，因此设备将其缩小。这是您在右侧观察到的“线”(10px)(body 的背景颜色为白色)。
注意:您正在混合流体并固定布局，请尝试稍微清理一下。您也应该检查媒体查询。
关于css - 我的 CSS 在桌面上看起来很完美，但在移动设备上向右留下了 2-5 像素的线，我如何找到问题所在？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21832666/