适配移动端（个人总结）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_41033913/article/details/88044950

在html里面加入下面代码：

<meta name="viewport" content="width=device-width",initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

在屏幕显示比较有限的时候，可以选择某些元素不进行显示

@media(max—width：640px){
	·left{
		display：none；
	}
}
//范围小的写在上面，防止比较大的匹配
//在屏幕的宽度小于640px的时候，把相应不重要的东西进行隐藏，或者其他样式的加入或者更改

适配不同的窗口或者手机，可以改变文字或者比例的大小，例如使用rem进行有关的赋值

html{
	font-size：20px；
}

使用rem进行移动端的适配，根据不同的设备可以更改font-size的值

这里的语句代表着1rem = 20px，但是精准性可能存在一定的问题，所以在精准性要求高的地方，还是换一种写法