查看其它板块

网站建设分辨率定宽设计和全屏设计的区别

来源：网站建设观点 - 远策科技 | 2019-03-18

网站分辨率目前有两种方式，采用定宽（固定尺寸）或者全屏（根据窗口大小自适应）。笔记本常见的屏幕分辨率为1366*768；台式机常见分辨率有1440*900、1920*1080。市场上可能遇到的低分辨率为1280*768，比如投影仪或者其他设备（其他更小的屏幕可暂不考虑）。

网站建设

为了保证在小屏下，内容可查看完整，因此目前常用的定宽页面尺寸是1200px，实际可能会根据所展示的内容，页面导航，页面其他元素，页面所要适配的终端等，进行调整。比如，简书首页的宽度为960px；京东订单详情为1210px。

定宽页面常用于：详情，图片，字段并不多的列表，内容流等。

定宽页面虽然可以免去屏幕适配的烦恼，但是对于有些内容，可能会感觉在大屏下显得过于小气，体验并不好，比如图片。而站酷在这一点上，处理的比较好，可以借鉴。当屏幕宽度大于1600时，采用1400的定宽；当屏幕小于1600，使用1150的宽，同时图片大小也会发生改变。（注：淘宝和京东的商品列表页也采用了类似的处理方式）

全屏页面指，除了页面左右两侧的边界，页面中的内容会随着屏幕大小而撑满。但是为了保证页面内容正常显示，一般会设定小的适配宽度，页面低于该宽度不再设配，页面出现横向滚动条。

全屏页面常用于：网站宣传页、采用左侧导航的管理类网站、字段很多的列表页、需要全屏查看的看板页、使用瀑布流的页面，或者页面中有用户需要可视区域更大才可方便操作的元素，比如地图轨迹等。

对于全屏页面，需要考虑，当屏幕变大或者变小时如果适配。一般常用的适配方式有：

A.根据屏幕大小等比例放大（或者根据不同的屏幕设定不同的放大/缩小比例）；

B.根据屏幕大小拉宽元素，元素高度不变（大屏下，可能会导致元素比例变形，视觉效果不佳）；

C.根据屏幕大小，增加/减少每行显示的内容多少（多数适合于页面内容为网格布局的情况）；

D.使用bootstrap等框架，采用响应式布局（根据屏幕大小，改变大小的同时改变元素排版方式）。

综上所述，企业建议使用全屏适配方式或1200PX即可，当然具体也要根据页面内容以及内容在大小屏幕下的显示情况，根据整个网站所使用的框架等进行选择。

返回首页了解更多网站建设观点

远策科技

河北远策科技有限公司以工匠精神打造精致服务，不循规蹈矩，不惊世骇俗，为企业互联网营销整合方案，服务涵盖：网站建设、网站推广、品牌优化、微信开发、VI设计、视频制作等。解决企业互联网营销难题，让企业不再为推广而烦恼。

远见卓识

10年网站建设推广经验

18家优秀合作设计机构

117家品牌长期合作共赢

1000+网站建设案例作品

专注营销型网站建设定制

深厚经验网站建设团队

完备的项目流程管理体系

企业一站式网络推广服务

策无遗算

一路走来，崇尚创意是我们的活力和根源，让客户满意是我们工作的目标，不断超越客户的期望值源自我们对这个行业的热爱！远策科技结合十年互联网品牌设计经验和整合营销的理念，将策略和执行紧密结合，有效提升企业推广整体表现！

建站公司地址：石家庄市长安嘉和广场1911、裕华区ICC环球智慧中心24F | 业务咨询：131-1155-0088 , 159-3167-7513

河北远策网络公司为您提供石家庄网站建设制作,网站优化推广,网站改版托管等 | 冀ICP备18035311号-1 | SITEMAP | 冀公网安备:13010202002454号

首页

网站建设

营销推广

微信开发

资讯

案例

联系

探知 • 创造美好

查看其它板块

网站建设分辨率定宽设计和全屏设计的区别

快捷标签

多一份参考，总有益处

远策科技

远见卓识

策无遗算

相关链接展开

远策 - 建站推广一站式服务

131-1155-0088

首页

网站建设

营销推广

微信开发

资讯

案例

联系

关于

Yuan Ce

探知 • 创造美好

查看其它板块

网站建设分辨率定宽设计和全屏设计的区别

快捷标签

多一份参考，总有益处

远策科技

远见卓识

策无遗算

相关链接 展开

远策 - 建站推广一站式服务

131-1155-0088

微信扫码 立即咨询

相关链接展开

微信扫码立即咨询