MENU

关于手机端自适应~响应式布局

April 12, 2020 • 技术,CSS/Html

Frist,如果想要在问手机端自适应,这句一定copy到代码里,不用修改,切记

<meta name="viewport" content="width=device-width, initial-scale=1"/>

Secound,写css代码

/ 当浏览器的可视区域小于1024px /
@media screen and ( max-width: 1024px ) {
这里套适应宽小于1024px的样式
}
/ 当浏览器的可视区域小于768px /
@media screen and ( max-width: 768px ) {
这里套适应宽小于768px的样式
}

即@media screen and ( max-width: XXpx ) {}

Archives QR Code Tip
QR Code for this page
Tipping QR Code