• 保存到桌面加入收藏设为首页
SEO优化

HTML网页布局:静态、自适应、流式、响应式

时间:2016-08-18 09:32:26   作者:tanym   来源:csdn   阅读:44944   评论:0
内容摘要:html网站布局的方式主要有四种:静态布局,自适应布局,流式布局,响应式布局;目前最流行的是响应式布局,响应式布局分别为不同的屏幕分辨率定义布局,同时,在每个布局中,应用流式布局的理念,即页面元素宽度随着窗口调整而自动适配。
静态布局(Static Layout)

即传统Web设计,对于PC设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮掩部分;

对于移动设备,单独设计一个布局,使用不同的域名如wap.或m.。

自适应布局(Adaptive Layout)

自适应布局(Adaptive)的特点是分别为不同的屏幕分辨率定义布局。布局切换时o面元素发生改变,但在每个布局中,页面元素不随窗口大小的调整发生变化。
你可以把自适应布局看作是静态布局的一个系列。

流式布局(Liquid Layout)

流式布局(Liquid)的特点(也叫"Fluid") 是页面元素的宽度按照屏幕进行适配调整,主要的e题是如果屏幕尺度跨度太大,

那么在相对其原始设计而言过小或过大的屏幕上不能正常显示。

响应式布局(Responsive Layout)

分别为不同的屏幕分辨率定义布局,同时,在每个布局中,应用流式布局的理念,即页面元素宽度n着窗口调整而自动适配。
可以把响应式布局看作是流式布局和自适应布局设计理念的融合。


IDCsped 提供最新的IT互联网资讯,本着分享传播的宗旨,我们希望能帮助更多人了解需要的信息!

部分文章转载自互联网、部分是IDCsped原创文章,如果转载,请注明出处:www.idcsped.com !
微信号:13430280788  欢迎加微信交流!

标签:静态布局  自适应布局  流式布局  响应式布局  
相关评论

销售电话:13430280788

Copyright © 2012-2017 | www.idcsped.com 版权所有

  粤公网安备 44010502001126号  粤ICP备12006439号-1