您现在的位置: 首页 >> 资讯>>网站建设>>

网页设计如何平衡好页面布局与屏幕分辨率?

发表日期:2018-08-03 14:34

网页设计如何平衡好页面布局与屏幕分辨率?

要想平衡好页面布局与屏幕分辨率要做到以下几个方面:

都市科技.jpg

一、页面宽度

页面宽度要考虑定宽页面和全屏页面。

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

1.定宽页面都市科技

目前市场上,笔记本常见的屏幕分辨率为1366*768;台式机常见分辨率有1440*9001920*1080。市场上可能遇到的最低分辨率为1280*768,比如投影仪或者其他设备(其他更小的屏幕可暂不考虑)。

2.全屏页面网站制作公司

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

二、页面高度专业网站制作

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

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

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

深圳都市科技专注于深圳网站制作,网站制作公司,深圳网站建设,微信开发,深圳企业网站制作,专业网站制作,中小企业网站制作,模板网站建设,网站开发,系统开发,等等业务,深圳网站制作公司,深圳网站设计等,有需要请拨打热线:15118148970 曹小姐


0755-23733742