当我想用scss设置我的React项目的样式时,width和height元素与真实的大小不对应。更改浏览器未解决问题。使用https://screenresolutiontest.com/后,它说我的屏幕分辨率是:1536 × 864,但我的屏幕是:1920 x 1080的尺寸。会有什么问题呢?
我尝试和kinde工作的东西是改变规模和布局,以100% insted的125%建议,我的主PC不需要这样的变化。
当我想用scss设置我的React项目的样式时,width和height元素与真实的大小不对应。更改浏览器未解决问题。使用https://screenresolutiontest.com/后,它说我的屏幕分辨率是:1536 × 864,但我的屏幕是:1920 x 1080的尺寸。会有什么问题呢?
我尝试和kinde工作的东西是改变规模和布局,以100% insted的125%建议,我的主PC不需要这样的变化。
1条答案
按热度按时间a9wyjsp71#
这不是一个问题,这是它如何为每个人工作。如果浏览器使用原生分辨率,那么所有文本/内容都将非常小。假设字体大小为12 px,在桌面1920 x1080屏幕上可能可读,但在相同分辨率的移动的上则不可读。
因此,要修复移动的浏览器模拟较低的分辨率。
本文将深入介绍它的工作原理https://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html