时间: 2022-12-30
响应式网页设计是目前流行的一种WEB设计形式,主要特色是页面布局能根据不同设备(平板电脑、台式电脑、智能手机)可以让内容适应性的展示,从而让用户在不同设备都能够友好的浏览网页内容。那么,响应式布局方式有哪些?
1、大体流动布局
大体流动布局的主要特点是在大屏幕上内容区域宽度是固定的,在多数设备上,主要布局结构不会发生很大改变,如果屏幕宽度大于内容区域,就在内容左右留白。而在小屏设备上,在视窗宽度较窄时,布局模块会逐渐掉落堆放。
2、页面百分比布局适配
这种主要使用像素百分比来进行调试网站尺寸,根据客户需求来对设备设定尺寸,这样网站就可以很长一段时间,不用担心因为设备尺寸变化,导致网站无法兼容。不过这种网站只适合通栏页面设计和等分结构,其他要用这种方式建站,会特别麻烦。
3、固定布局
以像素作为页面的基本单位,不管设备屏幕及浏览器宽度,只设计一套尺寸。
Copyright © 广州三行网络科技有限公司 粤ICP备09210325号-4