前端页面适配移动端开发的相关总结

之前主要在PC端进行开发，然后需要开发移动端页面

准备

1.像素问题

body{
	font-size:100px;
}
.xxx{
	font-size:.12rem;/**12px**/
}

2.宽度、高度问题

宽高尽量用vw、vh表示
不定宽但是有几个类似的占满屏幕
设置成(100vw / n)

其它

情景：设置了flex布局，但是一行只能放2、3个
设置每个的宽为父容器的1/2或者1/3，并且设置flex-wrap:wrap