<Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1.0,minimum-scale: .5,maximum-scale: 5.0">
然而在ipad 3上,分辨率宽度为1536像素,并且视口设置为与ipad 3相同的可见区域,862px图像被炸毁,并且宽度略大于可见区域.所以我必须水平滚动才能看到图像的其余部分.
这让我觉得设备宽度返回768像素,这就占了862像素图像的水平滚动的一点点额外.它为什么这样做？我需要考虑某种像素密度吗？
UPDATE
我已经尝试将宽度设置为数字宽度,与图像的精确宽度相同(在本例中为“862”).因此网页是862X206,与图像相同,但它与将宽度设置为设备宽度完全相同.
更新2
我创建了一个非常简单的页面,由于某种原因,带有862像素视口的空白页面导致我的ipad 3上的水平和垂直滚动,代码：
<!DOCTYPE HTML><HTML><head><Meta name="vIEwport" content="wIDth=862,initial-scale=1.0"></head><body ></body></HTML>
此滚动导致视口不适合可视区域或屏幕大小.我不明白任何见解将不胜感激.谢谢. **注意**我忘了将填充和边距的重置添加到0,它增加了8 px的边距.
更新3
好吧,原来,我认为设备宽度会返回ipad 3的1536像素的分辨率宽度.显然,它返回768像素的屏幕尺寸.
任何视口宽度大于768,都能让我在ipad上滚动3.为什么？如果您有一个1024像素的页面,并且您希望将其放入ipad 3的可见区域,如果将宽度设置为1024,初始比例设置为1,则不应该使1024px视口适合可见区域？
解
好的,所以,如果你想让每台设备弄清楚如何扩展你的页面,你所要做的就是省略初始规模.
因此,如果我只使用设备宽度或数值设置宽度,并省略初始比例,它会自动为您计算缩放.它只是有效.
我的困惑在于宽度意味着什么,宽度意味着在应用比例之前的宽度,
所以,如果我说：
<Meta name="vIEwport" content="wIDth=device-wIDth,maximum-scale: 5.0">
缩放前的视口宽度为768,如果网页正文为862px,则应用比例因子1.0后,内容乘以1.0,862 * 1.0,因此视口的宽度现在为以该比例因子缩放的内容宽度,862px.我希望我明白这一点.这就是我的困惑,是宽度的意思.
解决方法 iPad 3的宽度为768像素,每个px代表2个物理像素.据我所知,您可以在JavaScript中考虑它但不在视口中(并且您可能不想这样,因为那些768像素与早期iPad上的物理大小相同). 总结以上是内存溢出为你收集整理的ios – 即使视口元标记中的分辨率宽度为1536,ipad 3设备宽度始终为768？全部内容，希望文章能够帮你解决ios – 即使视口元标记中的分辨率宽度为1536,ipad 3设备宽度始终为768？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）