网站排版必用的组件:自适应布局-云谷网站搭建

 

什么是自适应布局呢?

举个例子它就是一个容器,一个杯子,这个容器里面可以装很多的东西。在云谷网建站系统里面,它也就能容纳很多的组件,可以把组件拖到这个容器范围内。

自适应布局有两大作用:

 

 

一是模块化:比如云谷网首页的这个内容,假如想把这一整块换一个位置,就需要一个一个的去重新布置这些图片和文字的位置。避免麻烦,在设计之初,就把这些组件放在一个自适应布局容器里面,使他们变成一个整体。想要重新排版的时候,直接设置自适应布局的位置就可以了。

二是自适应性:有时候用手机或者电脑打开某些网站,会发现内容有拉扯放大或者压缩过的痕迹。这就是没有做好自适应,和用户使用的浏览器及设备分辨率不兼容,所以使用自适应布局去排版设计的网站,不管在什么条件下,都能适应屏幕的大小。

在使用过程中,自适应布局组件共有4个样式可以选择,每个样式都有自己的属性。

 

 

比如带有“固定位置”标签的,这个组件就有固定位置的功能,它通常用在网站顶部,在制作网站的过程中用来固定网站的导航组件。使得在用户浏览网站时导航失踪固定在顶部,提升用户体验。

 

最新文章

专题推荐