作者:赢之乐 时间:2022-09-02
目前,响应式网页已经成为网站设计的主流形式,因为显示终端越来越多样化,即使贵公司在设计和制作网站时为电脑和手机创建网站,也无法满足多种显示需求。终端。
显示需求。
因此,无论是从节省生产成本还是提高用户浏览体验的角度来看,响应式网站都是企业制作网站的优选解决方案。为了使网站适应各种尺寸的显示终端的显示,
您必须首先了解主流显示设备当前可用的分辨率。
首先所有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屏幕分辨率仍为1366x768,1440。
x900和1920x1080位于前三位。
后跟PAD产品:
Ipad1:1024×768像素
Ipad2:1024x768像素\\n
Ipad3:2048×1536像素
Ipad4:2048×1536像素
Ipadair:2048×1536像素
Ipadair2:2048×1536像素
Ipadmini:1024×768像素
Ipadmini2:2048×1536像素
其中,ipad1,ipad2,ipadmini已经淘汰,在制作网站布局时基本可以忽略这些分辨率产品。
后,智能手机:
在谈到手机屏幕的分辨率之前,我们首先要了解手机屏幕的比例也就是说,我们经常在日常使用中触摸4:3,16:9,16:10,21:9的比例,即区分
水平像素与垂直像素的比率他评价。
4:3是我们初使用的分辨率。以前的电脑屏幕几乎是4:3;然后宽屏显示器出现并在16:10开始流行。
一些主流手机的分辨率现在为:720p720×1280,1080p1080×1920,2k2560×1440
在响应式网站布局的制作中,不仅要考虑手机的分辨率,还要考虑手机操作系统的问题,因为不同操作系统的浏览器对网页的解释略有不同。
在我们了解了上述各种显示终端的屏幕分辨率后,我们可以在制作布局响应网站时调试不同的显示设备,以确保网站可以与各种显示终端兼容在线后。