我在控制台改变dpr，css像素为什么没有改变？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content=" initial-scale=1">
<title></title>
<style>
*{
padding:0;
margin:0;
}
</style>
</head>
<body>
<p style="width:50vw; height:50vh;">dpr</p>
</body>
</html>
我在控制台改变dpr，为什么p标签的width不变？根据公式：dpr = 设备像素 / CSS像素（缩放比是1的情况下），css像素为什么没有改变？
正在回答
同学你好，dpr这个数值是固定的，无法改变，如下：
请问同学是修改的这个数值吗？
initial-scale这个是也页面的缩放比较，修改的话是有效果的，如下：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
同学你好，首先要知道，dpr是不可以修改的，这是厂商在出厂时就设置好的 （所以每一个设备的DPR也是固定的）。
其次，dpr的改变不会影响元素的大小，DPR=1，设备物理像素与设备独立像素比例为1:1 。表示一个方向上的1个物理像素对应一个方向上的1个CSS像素。即使用1（1 X 1）个物理像素显示1个CSS像素。DPR=2 ，设备物理像素与设备独立像素比例为2:1 。表示一个方向上的2个物理像素对应一个方向上的1个CSS像素（设备独立像素）。即使用4（2 X 2）个物理像素显示1个CSS像素。如下图：
看图可知，元素大小没有改变。实际上，dpr改变后，可以简单理解为是像素更加密集，图像看起来更加清晰了。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星