1. 响应式开发
可以在pc端,移动端 页面端显示。
1.1 响应式开发原理
使用媒体查询
针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。
1.2 响应式布局容器
响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果。
原理 : 不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素排列方式和大小,从而实现不同屏幕下,看到的页面布局和样式变化。
注意:这种布局的宽度是固定的。
2. Bootstrap前端开发框架
Bootstrap是目前最受欢迎的前端框架,Bootstrap是基于HTML、CSS、和JAVASCRIPT的,简洁灵活,使得web开发更加快捷。