资讯专栏INFORMATION COLUMN

前端不能放弃1200px的理由

PrototypeZ / 698人阅读

摘要:开发过程中,可能会遇到这种情况电脑屏幕是寸,寸的,但是在浏览器中显示宽度没有达到自己屏幕的宽度,导致样式把控上很不方便。以确保大多数笔记本的显示情况是符合我们期望的那样。前端技术交流群欢迎加入

开发过程中,可能会遇到这种情况:电脑屏幕是13寸,14寸的,但是在浏览器中显示宽度没有达到自己屏幕的宽度,导致样式把控上很不方便。

这种问题多发现于笔记本电脑上,并不是说台式机上没有这个问题,而是台式外接的屏幕就当今而言不会特别小,所以不容易发现而已。

原因:高分辨率导致

在这么多年的电脑使用中,不知道你有没有发现,电脑屏幕的分辨率越低,字体与图标越大;而分辨率越高,字体和图标越小:

低分辨率

高分辨率

现实情况下,主流的电脑品牌拿出2K屏,乃至4K屏作为销售卖点,所以会出现小屏幕配高分辨率的情况。那这样是不是笔记本用了高分辨率,本来屏幕就不大的情况下,字太小会导致看不清楚呢?
答案是否定的,你仔细看你的笔记本,其实并不会有字太小看不清楚的情况。因为现在的系统会根据配置默认把字体放大,以至你看起来并不会觉得有什么问题,以window10为例:

上图那个推荐选项就是系统默认的选项,也正是这个原因导致浏览器渲染宽度变小。(你可以尝试改变选项来看看效果)

总结
现在的操作系统会根据电脑的屏幕大小和分辨率大小来调整文本及应用的大小,以便适配小屏幕上使用高分辨率显示不清的问题。这也是导致浏览器渲染的时候,渲染的窗体宽度小于实际电脑屏幕的宽度。
所以我们在确定兼容最小宽度的时候,考虑到系统会往下缩放,最好坚持版心1200px的底线。以确保大多数笔记本的显示情况是符合我们期望的那样。

前端技术交流群:709397872(欢迎加入)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115690.html

相关文章

  • 前端不能放弃1200px理由

    摘要:开发过程中,可能会遇到这种情况电脑屏幕是寸,寸的,但是在浏览器中显示宽度没有达到自己屏幕的宽度,导致样式把控上很不方便。以确保大多数笔记本的显示情况是符合我们期望的那样。前端技术交流群欢迎加入 开发过程中,可能会遇到这种情况:电脑屏幕是13寸,14寸的,但是在浏览器中显示宽度没有达到自己屏幕的宽度,导致样式把控上很不方便。 这种问题多发现于笔记本电脑上,并不是说台式机上没有这个问题,而...

    wanghui 评论0 收藏0
  • 从项目中学习HTML+CSS

    摘要:最近由于工作原因以及自己的懈怠,已经很久都没有更新过博客了。所以这次就根据具体的一个网页项目来梳理一下我这段时间学习这些东西的成果。最近由于工作原因以及自己的懈怠,已经很久都没有更新过博客了。通过这段时间,我发现坚持一件事情是真的很难,都说万事开头难,但是在放弃这件事上好像开头了后面就顺理成章的继续下去了。中间即使不怎么情愿也在努力的每周更新博客,但是自从9月份以来,第一次因为工作需要加班而...

    Lin_R 评论0 收藏0
  • 小谈网站建设兼容性

    摘要:本文的兼容性包含了更多的意思,一些和网站开发注意的实际问题。已经快出生十年了,它就是为了解决浏览器的兼容性而生的,对于桌面端开发我们还是建议采用这个版本。 本文的兼容性包含了更多的意思,一些和网站开发注意的实际问题。对注重seo的网站帮助更多一些。 关于浏览器 现在的前端开发已经开始放弃兼容ie6,ie7,并且也在有条件的放弃ie8。像chrome这样的现代浏览器对新特性支持度都很棒,...

    soasme 评论0 收藏0
  • CSS布局

    摘要:圣杯布局圣杯布局和双飞翼布局都是为了解决两边定宽,中间自适应的三栏布局,中间栏在最前面优先渲染,多见于商城类网站布局。双飞翼布局不用设置相对布局,以及对应的和值。 合理的布局是产品的基础,可以使人感觉整齐大方,提升用户体验。掌握几种常见的布局形式也是前端开发的基础,对于快速实现页面重构有很大帮助。 原文链接 单列布局 单列布局通常用于网站的首页,分为头部的导航、网页内容、页脚相关信息。...

    kviccn 评论0 收藏0

发表评论

0条评论

PrototypeZ

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<