在 ipad 上查看时，我的网站高度太大 [关闭]

Question

我的网站可以在FlatWaterTuesday找到

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

Answer 1

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

• 将<meta viewport> 值更改为仅width=device-width。将其他人排除在外，仅添加您确定会有助于您尝试设置的体验的内容。对于大多数人来说，这已经足够了，但initial-scale 在某些情况下有时会有所帮助。

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

1234563 100% 的宽度，或者更适合 iPad 分辨率的像素值会更合适。