Question

我为PC开发了一个网页，我希望它也兼容iPad。但是我没有为我的页面添加特定的iPad兼容性。我只添加了元标记。

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

当我在iPad横向模式下查看网站时，在页面加载时，它看起来不错。但是当我切换到纵向模式时，页面看起来会被切断。当我再次切换到横向模式时，页面看起来会更进一步。

我应该遵循哪些其他做法来使我的页面与iPad兼容。我正在寻找有关使用％widths等的建议/最佳做法。我的元素目前最大为954px。我是否必须使用％宽度来实现iPad的兼容性？还有其他有用的提示吗？

Answer 1

initial-scale = 1.0表示您的页面将加载“完整尺寸”，这在横向模式下太宽。如果您使用该元标记，通常会将页面宽度的大小与屏幕的精确尺寸结合使用。既然你不是，我根本不会使用那个元标记，让iPad的浏览器正常加载页面（浏览器会处理它适合你的屏幕）。