老师帮忙看下问题

啊？为啥是dpr为1的在320视口可以显示320px，但是dpr为2的在320的视口可以显示640px。翻不过来老师。。。这里该如何理解

我的理解，不是dpr=设备像素/CSS像素？

dpr=2          2设备像素=1CSS像素 

那不是2个像素点才放1个CSS像素？  不该是320（320*几百几的那种屏幕参数，320物理像素）视口显示 160px（物理像素320的一半，所以是160CSS像素）吗？怎么是640px（CSS像素）和我理解相反正好。。

可以这样理解，原本320px的宽度显示内容，缩放2倍后，我们看到的内容减少了一半，所以为了全部显示出来，css像素变为640px。

或者记住浏览器这种现象即可，缩放值小于1，页面像素一般会变大。祝学习愉快！

老师我发现了你上面说的那个不太对，（dpr为2的在320的视口可以显示640px，这里不对）,视口宽高和dpr无关（其实应该是适配时候设置了scale=1/dpr，再设置缩放后，才搞成看似和dpr有关，）

老师我试了下，视口宽高和dpr无关，比如375*667的手机屏幕，视口（html元素）的宽高在dpr=1=2=3时，都是宽375px,高667px（缩放initial-scale=1.0保持不变的情况下）此时发生变化的是页面内容的宽高的css像素会变化（但不是成比较明显的比例，只能看出dpr越大，页面内容宽高越大，这里我不清楚为什么），只有当缩放initial-scale 值变的时候视口（html元素）才发生相应成比例的变化，比如当initial-scale=0.5，视口（html元素）宽才变成375px，高667*2=1334px