手机屏幕像素自动调用不同CSS

释放双眼,带上耳机,听听看~!

在布局的过程我们需要不断,对移动端和pc端进行适配

我们可以在css里面这样写

@media screen and (min-width: 320px) and (max-width: 480px){
在这里写小屏幕设备的样式
}
@media only screen and (min-width: 321px) and (max-width: 1024px){
这里写宽度大于321px小于1024px的样式(一般是平板电脑)
}
@media only screen and (min-width: 1029px){
这里写pc客户端的样式
}

这样我们就可以通过css来适配不同的移动端和pc端了,是不是非常简单

抖音小姐姐

你要的抖音小姐姐!全给你!

2021-8-5 15:59:13

抖音小姐姐

你要的抖音小姐姐!全给你!

2021-8-5 15:59:13

搜索