html - iPad 会截断横向和纵向的内容

Question

我在 iPad 上以横向和纵向视图呈现简单页面时遇到问题。

我附上了这个问题的截图。您可以在右上角看到导航元素显示在“截断”的右侧，但图形元素只是随机停止。因此，虽然它在某些方面被切断了，但在其他方面却没有。

我有一个看起来很漂亮的磨坊视口定义：

<meta name="viewport" content="width=device-width, initial-scale = 1,user-scalable=no,maximum-scale=1.0">

任何想法为什么会发生这种情况？谢谢-

Answer 1

我很惊讶为什么到现在还没有人回答这个问题！我可以看到问题仍然存在，所以我猜你还没有找到解决方案。

这是 CSS 初学者面临的一个非常基本的错误。溢出在媒体查询中设置为可见，但 body 元素中的嵌套 div 没有此属性。所以背景组件在页眉和页脚中受到限制。链接仍然可见，因为它们具有固定的宽度。您需要使设计更具响应性，这样就不需要溢出：body 元素上的可见，并且 body 正确地嵌套了页面上的所有内容。适当的响应式设计不会遭受这些基本故障的影响。

如果您需要进一步说明，请告诉我。