2019年6月11日

静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别

摘要: 一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动 阅读全文

posted @ 2019-06-11 10:50 likor 阅读(205) 评论(0) 推荐(0) 编辑

流式布局响应式布局

摘要: 流式布局:流式布局在CSS2时代就有,主要是靠百分比进行排版,可以在不同分辨率下显示相同的版式。 流式布局:网页中主要的划分区域的尺寸使用百分数(搭配min-*、max-*属性使用),例如,设置网页主体的宽度为80%,min-width为960px。图片也作类似处理(width:100%, max- 阅读全文

posted @ 2019-06-11 10:44 likor 阅读(170) 评论(0) 推荐(0) 编辑

导航