wechat-h5-boilerplate icon indicating copy to clipboard operation
wechat-h5-boilerplate copied to clipboard

大神 H5中为啥px能实现等高(容器高度写死px,px无任何后处理)

Open qianduanwuzi opened this issue 6 years ago • 1 comments

everybody,想问个问题。H5中px等高问题:比如iphone6和iphone6plus,dpr分别为2和3,ppi分别为326和401 .假设我html直接写死style='height:100px',px无任何后处理,看效果2手机上高度为等高。但实际计算尺寸过程不是100乘以2/326(英寸)、100乘以3/401(英寸),明显不等,为何视图出来的是等高?研究发现似乎与设置ideal viewport有关,如果去掉ideal viewport,则不等高了。有没有大神能打通我的任督2脉

qianduanwuzi avatar May 30 '18 08:05 qianduanwuzi

这是移动端基础适配吧。。。 移动端3个视口,视觉视口,布局视口,加那个meta标签是为了实现理想视口,移动设备会自动适配。

crane0 avatar Sep 28 '18 07:09 crane0