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

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食用最佳