当前位置: 首页 > Web前端 > CSS

前端不能放弃1200px的原因

时间:2023-03-31 11:47:55 CSS

在开发过程中,你可能会遇到这样的情况:电脑屏幕是13寸,14寸,但是浏览器中的显示宽度没有达到自己屏幕的宽度,导致样式控制很不方便。这种问题经常出现在笔记本电脑上,并不是说台式机没有这个问题,而是现在台式机的外接屏幕都不是特别小,所以不容易发现。原因:高分辨率导致了这么多年的电脑使用。不知道大家有没有发现,电脑屏幕的分辨率越低,字体和图标就越大;分辨率越高,字体和图标越小:低分辨率在高分辨率的现实中,主流电脑品牌都以2K屏甚至4K屏为卖点,所以会出现小屏配高分辨率的情况。那么是不是因为笔记本分辨率高,屏幕不大,文字太小导致阅读困难?答案是不。如果你仔细看你的笔记本,没有一个字太小读不清楚。因为现在的系统会根据配置默认把字体放大,这样你就不会觉得有什么问题了,以window10为例:上图中推荐的选项是系统默认的选项,它是这个原因导致浏览器渲染宽度变小。(可以尝试更改选项看看效果)总结目前的操作系统会根据电脑的屏幕大小和分辨率调整文字和应用程序的大小,以适应使用高时显示不清晰的问题小屏幕上的分辨率。这也是浏览器渲染时,渲染窗口的宽度小于实际电脑屏幕的宽度。因此,我们在确定兼容的最小宽度时,考虑到系统会缩小,最好坚持1200px这个底线。确保大部分笔记本的显示效果符合我们的预期。前端技术交流群:709397872(欢迎加入)