其他分享
首页 > 其他分享> > 移动端常用单位单选题

移动端常用单位单选题

作者:互联网

题目:观察下列代码,这个时候p标签的宽高在iphone6下面是多少px?

A. 375667
B. 178
334
C. 178667
D. 75
133.4
在这里插入图片描述
答案:A
解析:
计算公式:设备像素缩放比 = 手机逻辑像素/CSS逻辑像素
(1)手机逻辑像素:打开浏览器中的移动设备模拟器顶部显示的数字尺寸,因为本题要求是在iphone6下,所以设备像素是375 * 667。
(2)CSS逻辑像素:就是px(像素)
已知缩放比例是:0.5 带入公式:设备像素缩放比 =手机逻辑像素/CSS逻辑像素——>宽度为:0.5=375/x——>x=750px,同理,设备像素缩放比 = 手机逻辑像素/CSS逻辑像素——>高度为:0.5=667/y——>y=1334px

1vh是视窗高度的1%,1vw是视窗宽度的1%,那么现在是50%,也就是宽度为:75050%=375,高度为133450%=667。因此是375*667

断点
xs: <576px
sm: 576px~768px
md: 768px~992px
lg: 992px~1200px
xl: 1200px

标签:常用,缩放,667,逻辑,像素,单选题,移动,375,CSS
来源: https://blog.csdn.net/weixin_54362381/article/details/115096206