这题有点不明白,整体是怎么计算的

来源: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

祝学习愉快~


0

0 学习 · 15276 问题

查看课程