如何理解响应式布局（响应式布局需要注意什么）

本文目录一览：

• 1、各种网页设计布局的优缺点
• 2、做响应式网站好?还是做自适应网站好?
• 3、响应式网站有什么优缺点?

各种网页设计布局的优缺点

1、优点 在不同分辨率屏幕上能够很好的展示页面元素，如果设计得当，流动布局能避免在小屏幕上出现水平滚动条，对于差别不是很大的屏幕分辨率十分友好。

2、符合W3C标准，代码结构清晰明了，结构、样式和行为分离，带来足够好的可维护性。布局精准，网站版面布局修改简单。加快了页面的加载速度(最重要的)(在IE中要将整个table加载完了才显示内容)。

3、缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站使用多帧形式，只有页面中央部分可以滚动，界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。

4、1，表格布局，比较传统的布局方法，特点：简单易学，所见所得；不足之处：如果网页内容复杂，表格嵌套就会太多，结构复杂。

5、talbe布局简单，浏览器兼容性相当高，几乎 所有浏览器的效果是一样的。缺点是：下载速度慢，不容易被搜索引擎捕捉到信息 div布局灵活，有利于被搜索引擎抓取，能提高页面下载速度。

6、T结构布局 上左右，左下，右下 口型布局 上下。左，右，中。

做响应式网站好?还是做自适应网站好?

1、自适应网站：顾名思议，自适应网站就能实现电脑、手机的自适应，不同终端获得同样的呈现效果 响应式网站布局简而言之就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。

2、这忒看你的需求，自适应网站多数是用于pc端的，而响应式网站是同时兼容pc端、手机平板的，相对来说是响应式好点，当然这主要忒看你的需求，可以去文汇建站去看看，响应式的相对好点。

3、响应式和自适应相比，响应式更好，它是将已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来，针对任意设备对网页内容进行“完美”布局的一种显示机制。

4、理论上来说，响应式布局在任何情况下都比自适应布局好一些，但在某些情况下自适应布局更切实际。自适应布局可以让你的设计更加可控，因为你只需要考虑了了几种状态就万事大吉了。

5、自适应网页设计优势：固定断点的网站适合自适应网页设计。

6、个人认为响应式的更好，自适应会随着界面的大小进行缩小或者放大，但是建站宝盒做出的响应式网站则根据屏幕大小布局会自动调整。

响应式网站有什么优缺点?

1、响应式网站需要注意的细节太多，比如一个普通的JS效果，需要考虑3-4个终端的区别，编写的JS代码兼容性要非常好，根据以往开发经验，这样的细节注意要比普通网站多3-5倍。

2、响应式一定可以自适应各种浏览设备终端，但自适应网站就不一定兼容各种浏览设备了。

3、响应式网站的缺点：就用户体验度来讲响应式网站做得并不到位响应式网站设计基本原则是：自动识别屏幕尺寸并做出相应调整的网页设计，页面布局和展示的内容可能会随着屏幕尺寸变化而有所变化。

4、响应式网站是简单来说指根据屏幕的大小能够自动缩放网站，不会因为手机或平板访问出现图片模糊或偏大偏小的现象。