移动端常用单位单选题

题目:观察下列代码,这个时候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. 优美的排列 II


下一篇:667_AUTOSAR目录框架梳理以及初步的计划