扫码关注官方订阅号
当使用ctrl+、ctrl-进行页面缩放的时候,屏幕分辨率变了吗?分辨率没变的话是什么变了?
ctrl+
ctrl-
走同样的路,发现不同的人生
感觉是字体变了
应该是没有变,你可以用H5的媒体查询试试!
你可以把窗口缩放,在控制台自己测试。
屏幕分辨率不会改变,你只是改变了相对比例,用过rem写移动端,很好理解这个原理,
分辨率没变,只是等比例缩写,像PS上的放大缩小
不同浏览器效果不一样,有一个物理分辨率,就是显示器的当前分辨率:window.screen.width
Chrome下,缩放不影响: window.screen.availWidth == window.screen.width == 显示器宽度 火狐: 缩放是影响其值的: window.screen.availWidth == window.screen.width == (显示器宽度 / 缩放比例) IE: 缩放是影响其值的: window.screen.availWidth == window.screen.width == (显示器主显示器宽度 / 缩放比例) PS: 主显示器是指,当前电脑连接多个显示器,任务栏所在的显示器为主显示器。
和浏览器可见区域分辨率:document.body.clientWidth
Chrome, 火狐, IE: document.body.clientWidth == (浏览器可视区域宽度 / 缩放比例)
分辨率会变,我用过bootstrap的媒体查询,当屏幕95%的时候,就认为大于默认大小了。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
感觉是字体变了
应该是没有变,你可以用H5的媒体查询试试!
你可以把窗口缩放,在控制台自己测试。
屏幕分辨率不会改变,你只是改变了相对比例,用过rem写移动端,很好理解这个原理,
分辨率没变,只是等比例缩写,像PS上的放大缩小
不同浏览器效果不一样,有一个物理分辨率,就是显示器的当前分辨率:window.screen.width
和浏览器可见区域分辨率:document.body.clientWidth
分辨率会变,我用过bootstrap的媒体查询,当屏幕95%的时候,就认为大于默认大小了。