我在横向和纵向视图中在iPad上渲染简单页面时遇到问题。
我已附上该问题的屏幕截图。您可以在右上角看到导航元素显示在“切除”的右侧，但是图形元素只是随机停止。因此，虽然它在某些方面被切断了，但在其他方面却没有。
我似乎对mill视口定义进行了很好的处理：<meta name="viewport" content="width=device-width, initial-scale = 1,user-scalable=no,maximum-scale=1.0">
任何想法为什么会发生这种情况？谢谢-
最佳答案
我很惊讶，为什么到目前为止没有人回答！我可以看到问题仍然存在，所以我猜您尚未找到解决方案。
这是CSS初学者面临的一个非常基本的错误。在您的媒体查询中将溢出设置为可见，但是body元素中的嵌套div没有此属性。因此，背景组件在页眉和页脚中受到限制。链接仍然可见，因为它们具有固定的宽度。您需要使设计更具响应性，以便没有溢出的需要：body元素上可见，并且body正确地嵌套了页面上的所有内容。适当的响应式设计不会遭受这些基本故障的困扰。
让我知道您是否需要进一步说明。
关于html - iPad切断了横向和纵向内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15531747/