Html 手机上的页面截取

大家好！因此，我在尝试修复我的客户的网站时遇到了一些问题，因为该网站只有一个页面可以完成屏幕截图上显示的内容。问题只出现在手机和平板电脑上。我试着弄乱meta标签并改变视口，但这只修复了平板电脑，并使移动版本爆炸。已经制作的模板在页眉和页脚上具有固定的宽度，溢出：auto。即使我移除溢出，它也没有改变任何东西，所以可能是固定宽度的问题？有没有人对我如何解决这个问题有什么建议

非常感谢大家！

---

--Arielle

简单只需添加以下内容，即可解决视口问题

body{ min-width:1000px; }

---

也许，你不应该试图用胶带和绳子来修复一个坏掉的桌面视图，让它在移动设备上工作，而应该在设计页面时考虑到移动设备的响应性。它最终会看起来更漂亮，你的客户会更爱你。如果你需要一些帮助，我会很乐意告诉你更多关于如何使用CSS媒体查询的信息。你的电池有点少。我不能这样做，因为这不在我客户的预算之内。我没有设计这个网站，但如果有机会，我肯定会设计得与众不同。哈哈，谢谢！我注意到；）我找到了你的网站，并应用了这种风格，因此它将大胆地为你修复它。您是否将css添加到site.css的第4行？您可以将最小宽度添加到div#page#u包装中，但是您还需要将其添加到div#footerBottomHmm。。。是的，我在第四行添加了它，然后我按照你的建议在页面的包装和页脚底部尝试了它（顺便说一下，非常感谢！）。。。它不起作用。我现在已经修改了代码，但当我在手机和平板电脑上测试它时，签出页面仍然无法工作。在签出页面上，可以看到表中的蓝色图像。这会弄乱页面，#divbtnSubmitOrder是绝对定位的，但我不知道为什么，我会删除第499行上的绝对定位，让布局更好，而无需任何定位Omgsh，你太不可思议了。。。这就解决了它！！！说真的，我该怎么感谢你！？！？！我已经沉迷于这个代码好几个小时了！！