在ipad上查看时，我的网站高度太大

Question

我的网站位于FlatWaterTuesday

该网站在笔记本电脑上看起来很好但是当我在ipad上看到它时，页面中的链接猛然降低到远低于所有内容。它看起来好像我没有为ipad设置正确的身体或容器的高度（我正在使用媒体查询）。源代码可以在网上找到。请帮忙！

Answer 1

我快速浏览了一下你的代码，虽然我没有深入挖掘，但这里有几个地方可以开始：

• 将<meta viewport>值更改为width=device-width。将其他人留下，只添加您确定会帮助您尝试设置的体验。对于大多数人而言，initial-scale在某些情况下有时会有所帮助。

• 此外，我还是避免使用min/max-device-width声明我的媒体查询，而是使用min/max-width。如果我在我的桌面上低于1224px，这很可能，根本就没有CSS。

• 最后，在您的ipad.css中，width: 10000px和body上都有.container，其他宽度超过1024px。宽度为100％或更适合iPad分辨率的像素值更合适。