微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – iOS上的风景模式有什么作用?

我正在尝试了解iOS上的缩放属性.

>根据Apple’s Developer Docs,声明< Meta name =“viewport”content =“width = device-width”>将告诉iOS在页面加载时(以纵向模式),将网页缩放为1:1像素比.
>根据a presentation由HTML5Boilerplate的人(参见幻灯片13),设备宽度将始终对应于iOS设备屏幕的较小尺寸,无论设备的方向如何.
>因此,如果您在iOS中加载< Meta name =“viewport”content =“width = device-width”>在将设备置于横向方向时,iOS会根据显示屏的高度设置视口的宽度,导致1.5:1(iPhone 4)或2:1(iPhone 5)像素比.

我是正确的,还是我误解苹果使用它们的“宽度”和“设备宽度”的定义?

此外,当iOS设备旋转时,视口保持什么?是宽度还是尺度?它是否依赖于元设置?

解决方法

根据苹果的开发者文档:

“同样,如果您仅指定视口宽度,则会推断出高度和初始尺度.请注意,横向保持宽度等于设备宽度,这会改变初始尺度,并且具有缩放时的效果用户更改为横向“.

文章指出,iOS保持相同的视口设置,无论方向或旋转设备.

请参见here,“Safari如何影响宽度,高度和初始刻度”.

原文地址:https://www.jb51.cc/html/230338.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐