什么是响应式布局?同一行代码,适配不同的屏幕
一、媒体查询
1.1 基本语法
目标:能够根据设备宽度的变化,设置差异化样式
开发常用写法
- 媒体特性常用写法
- max-width(小于等于)
- min-width(大于等于)
@media (媒体特性) {
选择器{
样式
}
}
什么是响应式布局?同一行代码,适配不同的屏幕
目标:能够根据设备宽度的变化,设置差异化样式
开发常用写法
@media (媒体特性) {
选择器{
样式
}
}