当在浏览器执行页面放大行为时，这时浏览器的设备独立像素宽度会减小，像素比会增大。 举个例子当设备独立像素原来为1920*1080时，这时的像素比为1，即一个设备独立像素等于一个物理像素，即设置1个CSS像素(设备独立像素)实际占用的物理像素是1。当将浏览器放大2.5倍时，这时设备独立像素为1920/2.5等于768此时像素比为2.5，即此时即一个设备独立像素等于2.5个物理像素，即设置1个CSS像素(设备独立像素)实际占用的物理像素是2.5 假如我们在使用tailwindcss框架或者原生媒体查询代码时，当在PC端将页面放大至一定程度时因为浏览器的设备独立像素宽度变小了，所以媒体查询会匹配到移动端的样式，从而显示出移动端的样式
同理在浏览器执行页面缩小行为时，浏览器的设备独立像素宽度会变大
