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元素上可见，并且正确地嵌套页面上的所有内容。适当的响应式设计不会受到这些基本故障的影响。

如果您需要进一步澄清，请与我们联系。