我正在开发一个网站,最好在iPad横屏模式下查看。所有内容都在1024像素宽的<div>
容器中。然而,我仍需要缩小视口,这样当用户将iPad转换为竖向方向时,用户不必缩小或水平滚动以查看页面上的所有内容。
目前,在我的<head>
标签中有这个<meta>
标签:
<meta name="viewport" content="width=1024px, initial-scale=1.0, maximum-scale=10.0" />
当页面在横屏模式下浏览时,一切都显示正常,但我无法实现所需的纵向行为。我尝试将initial-scale
更改为0.75
,结果完全相反:虽然在纵向模式下一切都适合,但在iPad处于横向模式时会有额外的水平空间。
是否有任何CSS、Javascript或特殊的viewport设置可以使此功能正常工作?
P.S.我不能使用user-scalable=no
。