这个问题,百度也有很多答案。但小编看完,只想送他们下面张图。
而你看到的这篇,应该是目前最简单易懂的版本了。
静态布局:注意这个静态不是网站不会动的意思,而是不管浏览器多大,当初设置的网页大小也不会改变。如果要用手机访问,横向和竖向都会有滚动条,不能缩放大小。当然也存在部分是可以缩放大小的,但是分辨率不会改变。
自适应布局:网页内容自动适应屏幕分辨率变化,但是数量和位置不会发生变化。像下面这种:
瀑布流布局:瀑布流布局可以理解为网页中的一种样式,网站的内容一层层往下加载,像微博、今日头条这种网站的消息加载就应用了流式布局。
响应式布局:在不同的屏幕中,都能自动调整布局和分辨率。并且会根据终端自动选择舍弃一部分内容显示,但主要内容是不会被舍弃的。响应式是一种全新的设计思维。
静态、自适应、流式、响应式四种网页布局的区别?
静态布局是一种比较老的网页布局方式,毫无灵活性可言,目前已逐渐被淘汰。自适应布局可看作静态布局的升级版,响应式布局是自适应布局的升级版,流式布局作为一种布局样式,可适用于其他三种网站布局。响应式布局因为其强大的灵活性,已逐渐成为高端网页的代名词。企业如果开发响应式网站,就能实现一次设计,普遍适用。后期只需维护一个网站。
响应式网站要普遍适应市面上各类屏幕,开发难度和工作量都是非常大的,开发价格自然比普通网站高。但是在全网营销的大背景下,企业如果为了省钱,只能另外再开发手机站,这样算起来价格就很不划算了。建站宝盒目前做出来的网站全部都是响应式的,而且不用懂代码也能做,直接套取模板就能做,支持HTML5动态效果,普通企业展示型网站建设低至870元/年,是中小企业的不二选择。购买地址:http://m.iisp.com/design/solution_index.php