响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的
设备划分
尺寸区间
超小屏幕(手机)
<768px
小屏设备(平板)
>=768px ~ <992px
中等屏幕(桌面显示器)
>=992px ~ <1200px
宽屏设备(大桌面显示器)
>=1200px
响应式布局容器响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,在改变里面子元素的排列方式和大小,从而实现不同屏幕,看到不同的布局和样式变化常见的响应式尺寸划分超小屏...