不用框架怎么写响应布局

响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过。
响应式布局主要运用的是CSS3中的media query特性，在移动浏览器及现代高级浏览器中都有较好的支持，对于老版本的浏览器，使用HTML4.0+CSS2.1无法满足需求。
响应式布局是一种全新的概念，低版本浏览器不能原生支持。