您现在的位置是：课程
响应式布局与BootStrap框架教程
2023-07-03 15:22课程 人已围观
课程咨询和资料获取请加老师QQ 1011800132
Responsive design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。屏幕尺寸不一样展示给用户的网页内容也不一样，我们利用媒体查询可以检测到屏幕的尺寸（主要检测宽度），并设置不同的CSS样式，就可以实现响应式的布局。
我们利用响应式布局可以满足不同尺寸的终端设备非常完美的展现网页内容，使得用户体验得到了很大的提升，但是为了实现这一目的我们不得不利用媒体查询写很多冗余的代码，使整体网页的体积变大，应用在移动设备上就会带来严重的性能问题。
响应式布局常用于企业的官网、博客、新闻资讯类型网站，这些网站以浏览内容为主，没有复杂的交互。
什么是响应式开发
- 在移动互联日益成熟的时候，桌面浏览器上开发的网页已经不能满足移动端的设备的展示和阅读
- 之前，通常的做法是对移动端单独开发一套特定的版本
- 但是，如果移动终端设备起来越多的时候赋发成本太大，是因为需要做所有屏幕的适配
- 响应式开发的目的就是:一个网站能够兼容多种终端
- 在新建的网站上一般都会使用响应式开发
- 移动web开发和响应式开发是必须具备的技能
- 演示响应者页面
为什么 使用Bootstrap:
- 有自己的生态圈，不断的更新迭代
- 提供一套简洁，直观，强悍的组件
- 标准化的html+css编码规范
- 让开发更简单，提高了开发效率
- 可以进行自定义扩展
