南开周边网站，南开周边网站运维，南开周边办公系统开发，南开周边域名注册

网站建设中如何处理页面布局与屏幕分辨率



网站建设中如何处理页面布局与屏幕分辨率？
页面布局与屏幕分辨率息息相关，掌握好页面布局和屏幕分辨率可以让页面更加的美观！接下来，大家就随着南开网站圣辉友联一起来看看吧！

页面宽度：定宽页面还是全屏页面？

采用定宽或者全屏。而大部分网站，是需要根据页面内容，才能决定是使用定宽还是全屏。

1.定宽页面

目前市场上，笔记本常见的屏幕分辨率为1366*768；台式机常见分辨率有1440*900、1920*1080。市场上可能遇到的低分辨率为1280*768，比如投影仪或者其他设备。为了在小屏下，内容可查看完整，因此目前常用的定宽页面尺寸是1200px，实际可能会根据所展示的内容，页面导航，页面其他元素，页面所要适配的终端等，进行调整。定宽页面虽然可以免去屏幕适配的烦恼，但是对于有些内容，可能会感觉在大屏下显得过于小气，体验并不好。

2.全屏页面

全屏页面指，除了页面左右两侧的边界，页面中的内容会随着屏幕大小而撑满。但是为了页面内容正常显示，一般会设定小的适配宽度，页面低于该宽度不再设配，页面出现横向滚动条。全屏页面常用于：网站宣传页、采用左侧导航的管理类网站、字段很多的列表页、需要全屏查看的看板页、使用瀑布流的页面，或者页面中有用户需要可视区域更大才可方便操作的元素。

具体采用哪种适配方式，需根据页面内容，以及内容在大小屏幕下的显示情况，以及整个网站所使用的框架等进行选择。

页面高度

当页面内容超出页面高度时，是采用页面滚动条，还是模块内滚动？

页面滚动条适合于内容流的页面。这种页面，页面底部固定或底部无其他元素。另外，这种滚动方式需与‘返回顶部’按钮配合使用。当数据需要分页时，多采用滚动分页。

模块内滚动，常用于操作需固定在顶部/底部的页面。当页面中有多个模块需要内滚动或者模块被分割的较小时，需考虑在小屏下每个模块的可视区域是否过小而无法进行操作。当数据需要分页时，多采用翻页分页。