现在响应式网页已经成为当下主流的网站制作形式,由于目前的显示终端愈加多元化,就算你的企业在设计网站设计时为电脑和手机各制作一个网站也已没办法满足这海量显示终端的展示需要了。所以无论是从节省制作本钱还是提高用户浏览体验度的角度出发,响应式网站都是现时公司建网站时的最佳选择策略,而要想让网站能达成自适应各种不同尺寸显示终端的显示,就得先认识一下,现在主流的显示设施都有什么分辨率。
第一说PC显示器(含主流尺寸手提电脑):
1024px * 768px
1280px * 800px
1366px * 768px
1440px * 900px
1600px * 900px
1920px * 1080px
2K分辨率2048×1080
4K分辨率4090×2160
其中 1024px * 768px 的分辨率正渐渐被淘汰, 而4K、2K超高分辨率的显示器现在毕竟还没有普及,依据AdDuplex的统计数据来看,最主流的PC屏幕分辨率依旧是 1366 x 768、1440 x 900 和 1920 x 1080 位居前三名。
第二是PAD类商品:
ipad1: 1024×768像素
ipad2: 1024x768像素
ipad3: 2048×1536像素
ipad4: 2048×1536像素
ipad air: 2048×1536像素
ipad air2: 2048×1536像素
ipad mini: 1024×768像素
ipad mini2: 2048×1536像素
其中ipad1、ipad2、ipad mini均已淘汰,在网站设计布局时已基本可以不再考虑这类分辨率的商品了。
最后是智能手机:
在谈手机屏幕分辨率之前,大家要先认识一下手机屏幕的比率问题,也就是大家在平时用中常常接触到 4:3、16:9、16:10、21:9这类比值,也就是分辨率中横向像素与竖向像素的比值 。4:3是大家刚开始所用的分辨率尺寸比,以前的电脑屏幕几乎都是4:3;随后宽屏显示器出现,16:10开始时尚。
目前一些主流手机(偏旧)的分辨率为:720p(720×1280),1080p(1080×1920),2k(2560×1440)
而在响应式网站建设布局又不止是要考虑手机的分辨