首先我会说我在所有StackExchange网站上潜伏了很长时间，现在我遇到了第一个问题，我遇到了麻烦。
我正在开设一个实时网站 - Beautiful & Abundant - 一切都在桌面和平板电脑上正常运行，但是当我在我的手机（三星Galaxy S3）上启动它时，它会得到各种各样的扭曲。
Screenshots显示在我的手机上查看的着陆。很好（尽管有一些糟糕的故障排除布局）。第二张图片显示侧边栏延伸出来，这是呕吐的第一个区域。侧边栏宽235px，手机的显示分辨率为360px宽。做一些简单的数学运算，侧边栏应该占据我的屏幕的65.27（当然重复）百分比。不幸的是（如图中所示）它只占据了屏幕的三分之一，更不用说文本比我设定的要小得多。
第二个受关注的领域（也是最重要的）是移动设备上被切断的内容。正如第三张截图所示，它只是突然结束。我不明白。我以前从未遇到过这个问题。
该网站建立在WordPress上，但我不认为这是一个WP问题，这就是为什么我在这里发帖而不是WordPress的答案。如果我要张贴在那里，请告诉我，我会非常乐意搬家。
我通常只是一次又一次地做某事直到我神奇地偶然发现一个决议，但是我希望能够更多地了解这个协作我听到每个人都在谈论的事情。
提前感谢所有提供帮助的人/任何人。我急切地等待反馈，我会去看看能否帮助别人！
修改
感谢@theftprevention，侧栏等行为正常，但我仍然在手机上关闭内容的问题。我要看看身边的其他人是否有同样的问题。
答案 0 :(得分：0)
当我在浏览器中调整窗口大小时，网站的响应能力正常，但你对移动网站看起来很奇怪是正确的，我想我知道为什么。
如果您有权访问该网页的原始HTML，请考虑以下几行（主页来源中的第7行和第8行）：
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
用以下内容替换这两行：
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
这应该可以解决移动和移动的问题。平板电脑浏览器处理内容的缩放。我无法在手机上的第三个屏幕截图中重现截止问题，但这些元标记也可以解决这个问题。
最后，您还没有one，而是two非常大的未压缩图像;它们分别是1.6 MB和3.4 MB。您可以考虑使用GIMP或其他东西来缩小它们，并在重新保存时使用正确的JPEG压缩。
希望这有帮助！
