网页上的iPad定向问题

iPad orientation issue on a web page

本文关键字：问题 iPad 网页更新时间：2023-09-26

我为PC开发了一个网页，我希望它也能兼容iPad。然而，我并没有为我的页面添加与iPad兼容的特定内容。我只添加了元标签。

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

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

我还应该遵循哪些其他做法才能使我的页面与iPad兼容。我正在寻找关于使用%宽度之类的建议/最佳实践。我的元素目前最大为954px。我是否必须使用%宽度才能兼容iPad？还有其他有用的建议吗？

初始比例＝1.0意味着您的页面将加载"全尺寸"，这在横向模式下太宽。如果使用该元标记，通常会将其与根据屏幕的确切尺寸调整页面宽度相结合。既然你不是，我就根本不会使用这个元标签，让iPad的浏览器正常加载页面（浏览器会为你处理将其适配到屏幕上的问题）。