web网页设计尺寸规范有哪些-创新互联

web网页设计尺寸规范有哪些,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

阳新网站建设公司创新互联公司,阳新网站设计制作,有大型网站制作公司丰富经验。已为阳新近1000家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的阳新做网站的公司定做!

一、分辨率

网页设计的尺寸主要和两个因素有关,一个是电脑显示器的分辨率,还有浏览器的分辨率,其实还有一些操作系统,Windows或者Mac os或者其他的。什么叫分辨率呢,比如说1024×768的,就是横向有1024个像素,竖向有768个像素,整个屏幕可以看成是一个象棋盘,屏幕的尺寸是14寸还是15寸的,这个尺寸是不会变的,电脑是多大就是多大,变化的是电脑设置的分辨率,如果相同尺寸的屏幕,分辨率越大画面就越精细。

二、有效可视区域

当下比较流行的屏幕分辨率有1024×768,1366×768,1280×800,1280×1024,1440×900,1600×900,1920×1080等。设计网页时要考虑好浏览器的分辨率,主流的浏览器有IE,谷歌,火狐,欧朋等。

什么叫浏览器的有效可视区域呢,在我理解就是显示内容的地方,比如打开一个网页后,刨除浏览器的工具栏和侧边栏等,真正显示内容的地方。

每个浏览器都有自己不同的有效可视区域,如下面的表格:

主流浏览器的界面参数与份额:

Chrome 浏览器

22 px(浮动出现)60 px                   15 px   8%

火狐浏览器

20 px132 px       15 px    1%

IE浏览器

24 px120 px       15 px35%

360 浏览器

24 px140 px        15 px28%

遨游浏览器

24 px147 px        15 px              1%

搜狗浏览器

25 px163 px        15 px5%

系统分辨率统计:

1366×768

15%

1440×900

13%

1920×1080

11%

1600×900

5%

1280×800

4%

1280×1024

3%

1680×1050

2.8%

320×480

2.4%

480×800

2%

1280×768

1%


看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联网站建设公司,的支持。


网站名称:web网页设计尺寸规范有哪些-创新互联
本文链接:http://ybzwz.com/article/dssgeo.html