作者:Kluter | 来源:互联网 | 2023-05-16 16:40
题目:观察下列代码,这个时候p标签的宽高在iphone6下面是多少px?A.375667B.178334C.178667D.75133.4答案:A解析:计算公式:设备像素缩放比手机
题目:观察下列代码,这个时候p标签的宽高在iphone6下面是多少px?
A. 375667
B. 178334
C. 178667
D. 75133.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