移动端的适配，你们是怎么完成呢？适应各个终端

Question

在移动端 很多手机的型号，用@media only screen and () and () {}来实现 但是怎么知道各种手机的屏幕宽度呢? 我每次调完之后 发现总是有手机上样式不对，有的手机还不充满屏幕很难看。我现在用的rem是之前在网上找了一个 感觉不是很好，听说淘宝一套rem自适应做的还不错。你们的手机端适配怎么完成的呢？@media only screen and (min-width: 100px) and (max-width: 370px) {} @media only screen and (min-width: 370px) and (max-width: 390px) {} @media only screen and (min-height: 610px) and (max-height: 650px) {}我就写了这三个，应该不对，因为我一个里面可以控制两个不同型号的手机 。 请大神赐教 我的这个@media 该怎么写，对应着什么型号手机 感谢

Answer 1

postcss-pxtorem 搭配 amfe-flexible。
项目里直接写px打包自动转rem 很方便。

Answer 2

vw布局
amfe-flexible
或者原来的rem布局
lib-flexible
搭配postcss食用最佳