大家都知道现在随着前端技术的不断发展更新，以及移动互联网的发展，各种软件、app、网站的使用越来越多，用户体验要求也也越来越高，那么这个时候就要要求前端技术人员来开发适应各种屏幕的页面。为了适应市场需求我们在前端培训中也看到了许多自适应相关知识点的讲解，从前端培训课程大纲里边就可以看的出来现在企业对于自适应技术的需求。
1.简易场景实现自适应：浮动、页面居中、元素宽度不写固定而设置百分比自动匹配大小。这样在页面宽度发生变化时，能利用以上特性实现简易的自适应效果。
2.如果实际开发中有复杂场景的需求，一般通过编写多套CSS代码，然后用媒体查询技术，让页面根据不同屏幕尺寸来加载不同代码模块以实现适配不同屏幕的目的。这种方式需要编写多套代码，虽然工作量大，但对于不同屏幕尺寸的设备都有单独一套CSS代码，维护起来更方便。
3.响应式布局，响应式布局是指根据不同屏幕尺寸自动调整页面显示效果实现自适应(也要用到媒体查询技术)。响应式布局一般有栅格系统布局，flex布局。bootstrap框架的核心就是栅格系统。
想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训，尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习。
上一篇: 前端自适应图片留白解决
下一篇: Java培训课程之Mybatis映射文件简介
