响应式布局:
响应式布局,简而言之,就是一个网站能够兼容多个终端---而不是为每个终端做一个特定的版本,这个概念是为解决移动互联网浏览而诞生的。其目的是为用户提供更加舒适的界面和更好的用户体验。
优点:1):面对不同的分辨率设备灵活性强
2):能够快捷解决多设备显示适应问题
缺点:1):兼容各种设备工作量大,效率低下
2):代码累赘,会出现隐藏无用的元素,加载时间较长
利用响应式布局的网页:
响应式布局的实现
1.css中的Media Query(媒介查询);
2.第三方库(bootstrap)
3.js实现不推荐
使用方式:
1.内嵌
2.外联