自适应的网页以主要显示尺寸为主。如:你的网页需要适应一下屏幕:
1920*1080 【21.5宽屏】
1024*768 【标准屏幕】
600*1024【平板屏幕】
320*480【手机屏幕】
则,你需要设计两个尺寸即可,1440*900【小宽屏,内容限制1000*600】,600*1024【平板竖版,根据设备UI限制区域】,这样,一个横版,一个竖版即可(共用内容可以制作成模板模块,效果图的处理会快一些)。
通常来说,做电脑端的页面,我较为喜欢使用1400*N000的尺寸,内容限制为960或1200,这样的效果图在各个界面上看起来都不错(1920宽度的话,两侧的白边很大,1024的时候又太窄),浏览器打开效果图,刚好模拟最终效果。
手持设备的话,因为是竖屏,因此设计一个版面即可,手持界面中,通常宽度不做限制,以充分利用屏幕的宽度,高度为自适应,根据宽度,内容的高度自动调整,而且,在制作静态页的时候,也是使用百分比来定义页面的尺寸。
自适应网页设计(Adaptive Web Design)指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。这个是现在网站一个最基础的条件了吧。
虽然很难,要求也挺高的。但是不是没有办法,凡科网站模板都是自适应的,所以这个就不用愁了,而且不用下载,直接网站上修改,它的操作及管理方式和传统的大不一样,只需在线登录建站平台即可,不但不用下载、不用解析各种模板和软件,连后台也更加全面、专业