1回答

好帮手慕慕子

2020-10-13

同学你好，对于你的问题解答如下：

1. 750不是固定的，以实际开发中的设计稿宽度为准。

   只不过是因为老师讲课时以iphone6的设计稿为原型讲解的，所以这个值是750

2. 理解的有误差，100和50都表示元素高度。

   因为老师讲解的意思是：假设屏幕宽度为375，元素高度设置为50px，那么当屏幕宽度改变为750时，此时屏幕宽度变为原来的两倍，元素的高度也需要变为原来的两倍，即：100px。所以需要乘以高度，保证在不同屏幕宽度下，值是一样的，具体可以参考如下解析：

   （1）height = (document.documentElement.clientWidth / 750) * 100px 这个以750为基准的公式为例，计算结果如下：

   当视口宽度是750时  height = (750 / 750） * 100px = 100px

   当视口宽度是375时，height = （375 / 750） * 100px = 50px

   （2）height = (document.documentElement.clientWidth / 375) * 50px 这个以750为基准的公式为例，计算结果如下：

   当视口宽度是750时  height = (750 / 375） * 50px = 100px

   当视口宽度是375时，height = （375 / 375） * 50px = 50px

   两个公式结算的结果是相同的，同学可以结合视频讲解再理解下。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0