移动端中多列布局问题:
详见01-移动端多列.html
响应式布局:
能够自动检测设备宽度,从而改变已有的布局
自动检测--------媒体查询(技术)
媒体查询语法:
@media screen and (min-width:1024px) and (max-width:1366px){
body{
background-color:red;
}
}
@media 声明媒体查询
screen 检测的设备类型
and 关键字
() 查询条件
含义:生命一个媒体查询,检测设备宽度介于1024-1366之间,改变body背景颜色
注意:媒体查询语句,放在css最后面写
渐变:
颜色在一个方向上向另一个颜色逐渐变化的过程
分类:
线性渐变:
径向渐变:
线性渐变:
background:linear-gradient(to 方向次,col1,col2,col3)
to left 到左边
col1 渐变开始的颜色
col3 渐变结束的颜色
渐变的取值
1、沿着一个边道另一个边
to bottom 从上边到下边(默认值)
移动端中多列布局问题2
于 2023-09-10 20:02:48 首次发布