3450399331
网站制作

制作响应式网站的常用分辨率尺寸

发表日期:2025-03-10   作者来源:www.laomaji.com   浏览:271   标签:企业网站制作步骤 响应式网站制作    

现在响应式网页已经成为当下主流的网站制作形式,由于目前的显示终端愈加多元化,就算你的企业在设计网站设计时为电脑和手机各制作一个网站也已没办法满足这海量显示终端的展示需要了。所以无论是从节省制作本钱还是提高用户浏览体验度的角度出发,响应式网站都是现时公司建网站时的最佳选择策略,而要想让网站能达成自适应各种不同尺寸显示终端的显示,就得先认识一下,现在主流的显示设施都有什么分辨率。

第一说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)

而在响应式网站建设布局又不止是要考虑手机的分辨

如没特殊注明,文章均为博益网 原创,转载请注明来自http://www.ziyubo.com/news/zhizuo/18519.html