Css 响应移动模板上的视口宽度问题

我正在尝试将设计拙劣的模板转换为响应性设计，如下所示：

我遇到了一个问题，在桌面浏览器上，模板的大小可以移动，但在android和iphone上，页面比视口大。我知道我肯定遗漏了一些东西，但正如你所看到的，我概述了这些元素，只是想尝试一下，看看我是否能找出其中的哪些元素将其延伸到视口之外，并导致手机从一侧滚动到另一侧，而不是桌面浏览器

我将主体设置为300px的宽度，只是想看看是否能找到rogue元素，但由于它不起作用，所以将其放回原处。内容中有一些表格，但都设置为100%宽度

出于某种原因，它看起来几乎像桌面和手机上的宽度，或者实际上不一样

---

杰夫

你真的认为这是视口吗？你有内容正确的电视机吗

也许能帮上忙

还是仅仅是CSS？在这种情况下，我建议您搜索

宽度

等等。试图找到大数字

---

应针对指定的屏幕大小设置指定的宽度。否则，将其设置为最大宽度。

我的视口就是这样，我已经搜索了html和2个css文件的宽度，任何高于400px的文件都设置为100%宽度。嗯，很难给出解决方案，因为我们几乎要在出现问题的地方下赌注。。我很想进一步帮助你，但我不知道怎么做。谢谢你，我也很难堪，我已经看了两天了，希望能有一双新的眼睛看到我错过的东西。有一件事我偶尔会尝试一下。。制作文件的副本，然后逐个元素删除，然后查看问题何时不再出现。。。由于问题似乎只出现在您的智能手机上，简单的f12无法解决，因此副本：）可能使用子域进行测试：）寻求调试帮助的问题（“为什么此代码不起作用？”）必须包含在问题本身中复制它所需的最短代码。虽然您提供了一个示例的链接，但如果该链接无效，您的问题对其他具有相同问题的未来SO用户将毫无价值。感谢您的回答，以便我可以更正此问题以获得将来的帮助，我是否应该复制所有代码，包括整个html页面和css？我非常想参加一个聚会。帮助其他可能正在寻找答案的人，b。请不要这样标记我自己。请参阅文本…“复制它所需的最短代码”。您只有一个媒体查询，请为400像素及以下的手机再创建一个。然后移除你的div包装器。我把它设置为500只是为了解决问题，如果我移除包装器div，桌面模式下的表格会全屏显示。我怎样才能避开这个问题呢？