大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
网页设计的页面尺寸怎么规范?可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
创新互联制作网站网页找三站合一网站制作公司,专注于网页设计,成都做网站、成都网站建设,网站设计,企业网站搭建,网站开发,建网站业务,680元做网站,已为近1000家服务,创新互联网站建设将一如既往的为我们的客户提供最优质的网站建设、网络营销推广服务!网页设计的尺寸主要和两个因素有关,一个是电脑显示器的分辨率,还有浏览器的分辨率。
800×600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
1024×768下,网页宽度保持在1002以内,如果满框显示的话,高度是612之间,就不会出现水平滚动条和垂直滚动条。
一、分辨率
网页设计的尺寸主要和两个因素有关,一个是电脑显示器的分辨率,还有浏览器的分辨率,其实还有一些操作系统,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 px | 132 px | 15 px | 1% |
IE浏览器 | 24 px | 120 px | 15 px | 35% |
360 浏览器 | 24 px | 140 px | 15 px | 28% |
遨游浏览器 | 24 px | 147 px | 15 px | 1% |
搜狗浏览器 | 25 px | 163 px | 15 px | 5% |
系统分辨率统计:
分辨率 | 占有率 | 分辨率 | 占有率 |
---|---|---|---|
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% |
网页宽度与首屏高度:
看完上述内容,你们对网页设计的页面尺寸规范有进一步的了解吗?如果还想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。