老师,这个浏览器的内容既然是在手机显示内,他的宽高不是小于手机浏览器的宽高吗?大于是根据什么来看的

老师,这个浏览器的内容既然是在手机显示内,他的宽高不是小于手机浏览器的宽高吗?大于是根据什么来看的

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕夭夭 2020-04-20 18:13:17

同学你好,问题解答如下:

1.它获取的是手机的分辨率。iPhone6分辨率是750*1334 ,那么模拟的是iPhone6环境,获取的值也是iPhone6的分辨率。分辨率不需要我们去计算,每一个手机的分辨率都是固定的,出厂就不能更改。浏览器根据你模拟的环境,获取对应分辨率。

2. 同学再看一下,并没有大于。如下获取的是手机的分辨率,即物理像素。iPhone6的DPR为2(这个也是固定不变的),即一个逻辑像素占两个物理像素。375px*667的页面在分辨率是750*1334 手机上恰好显示。

http://img1.sycdn.imooc.com//climg/5e9d75e909adaa1e10950446.jpg

3.浏览器如何去获取iPhone6分辨率,如何知道它的DPR为2。这个就是浏览器内部做的事情,浏览器内部的机制我们不需要深究。


祝学习愉快 ~

好帮手慕夭夭 2020-04-20 09:32:03

同学你好,如何计算的这个我们无法知道,因为是浏览器内部机制。只要知道这里模拟的手机坏境,获取的时候手机屏幕分辨率就行哦。

祝学习愉快 ~

  • 提问者 王一宏 #1
    只能说浏览器显示的值是多少,我们就认为多少?也不知道怎么算这个浏览器的值?也不知道为什么浏览器的值或者页面要大于可视窗口?就是不理解为什么浏览器值为什么会大于可视窗口。毕竟浏览器在是手机屏幕里边啊,值会比物理像素大呢
    2020-04-20 14:40:35
好帮手慕夭夭 2020-04-19 17:50:37

同学你好,老师这边测试,结果是如下。建议同学测试时,刷新一下浏览器。750*1334是iPhone6的屏幕分辨率,也就是物理像素。而浏览器模拟手机时,显示的375*667是手机的逻辑像素。iPhone6的DPR为2,即一个逻辑像素占两个物理像素,所以获取到的750*1334是逻辑像素375*667的2倍

http://img1.sycdn.imooc.com//climg/5e9c1dc009b8acbf05350212.jpg

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

  • 提问者 王一宏 #1
    老师我是不知道,里边那个浏览器的宽高是怎么算出来的。也就是说,看看手机端的屏幕分辨率,然后看一下他们的比,得出来的浏览器的宽高?但是那个比在没有知道浏览器宽高的时候,又是怎么知道比值是多少呢?
    2020-04-20 00:34:06
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师