您现在的位置: 首页 > 网站导航收录 > 百科知识百科知识

(什么是响应式布局)-响应式布局案例

布局,设备,宽度(什么是响应式布局)-响应式布局案例

发布时间：2020-12-06加入收藏来源：互联网点击：

响应式网页设计是目前流行的一种WEB设计形式，主要特色是页面布局能根据不同设备（平板电脑、台式电脑、智能手机）可以让内容适应性的展示，从而让用户在不同设备都能够友好的浏览网页内容。那么，响应式布局方式有哪些？

大体流动布局

大体流动布局的主要特点是在大屏幕上内容区域宽度是固定的，在多数设备上，主要布局结构不会发生很大改变，如果屏幕宽度大于内容区域，就在内容左右留白。而在小屏设备上，在视窗宽度较窄时，布局模块会逐渐掉落堆放。

页面百分比布局适配

这种主要使用像素百分比来进行调试网站尺寸，根据客户需求来对设备设定尺寸，这样网站就可以很长一段时间，不用担心因为设备尺寸变化，导致网站无法兼容。不过这种网站只适合通栏页面设计和等分结构，其他要用这种方式建站，会特别麻烦。

固定布局

以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸。

本文到此结束，希望对大家有所帮助呢。