网站升级改版自适应布局、响应式布局、弹性布局、流式布局与静态布局会选择吗

2018-11-20 分享到:
浏览量:

很多客户最近随着互联网体验的提升,对企业品牌网站进行升级改版。遇到很多新的名词和网站布局,自适应网站布局、响应式网站布局、弹性布局、流式布局、静态布局,细思极恐,今天就给咱解释一下网站制作的这些新网站布局。

1、静态布局,也就是我们说的常规版面布局

特点是PC端的网站样式是居中布局的,采用绝对的宽度与高度,屏幕显示调整时会出现滚动条;如果是手机移动设备上,需要单独设计一个移动终端尺寸的网页布局,采用m或者wap的前缀域名。


2、流式布局的网站站点

主要是屏幕分辨率变化时,页面的元素大小会变化但整个布局不变。此种特点是按照百分比定于宽度,高度固定,主要流行早起的web,随着屏幕尺寸跨度而渐渐失去地位。

3、自适应网页布局

此种布局目前最为大众,可以为不同的屏幕分辨率创建多个静态页面,能够根据不同尺寸和的介质与设备切换样式。

4、响应式布局

响应式网页布局主要是随着CSS3的发展,确保一个页面在所有终端如pc手机等都能表现出满意的界面。实际上是综合了流动与自适应的特点。和

响应式与自适应的原理相似,自适应的网站布局差别在于是否一个设备下是否是固定的布局。


5、弹性布局

主要是改变浏览器宽度,网页页面的所有元素等比例缩放,如大屏幕导航是横向的,而小屏幕只不过变小,但不会更换样式。


所以,今天介绍了这么多网站升级改版时,遇上自适应网站布局与响应式布局等网站开发时,就需要学会分辨。
简单点说就是如果只做pc端静态网页布局是最佳的,因为是定宽度的;如果是移动端,弹性布局比较合适,如果需要兼容适配,肯定是响应式是最优先推荐的。