这题有点不明白,整体是怎么计算的
来源:3-28 选择练习
Javed
2021-04-30 14:59:14
不明白这题,宽度怎么变成750px 高度变成1344px,整体过程是怎么执行的
1回答
好帮手慕慕子
2021-04-30
同学你好,首先了解下计算公式为:设备像素缩放比 = 手机逻辑像素/CSS逻辑像素。然后再来分析本题,如下:
1、手机逻辑像素:打开浏览器中的移动设备模拟器顶部显示的数字尺寸,因为本题要求是在iphone6下,所以手机逻辑像素是: 375 * 667
2、CSS逻辑像素:就是px(像素)
由截图中的代码可知,缩放比例是:0.5。 带入公式后,可以得到CSS逻辑像素为750px * 1334px
3、由于1vh是视窗高度的1%,1vw是视窗宽度的%,现在p标签设置了宽度为50vw,高度为50vh,所以p标签的宽高为视窗宽度的50%,即:宽度为:750*50%=375,高度为1334*50%=667。因此是375*667
祝学习愉快~