关于手机尺寸的问题

最近关于移动端高度设置多少合适，比较苦恼，就搜集了一些移动端的尺寸，再次特意总结一下以便下次使用。

4/4S是3.5英尺 分辨率是320*480

5/5S是4英寸  分辨率是320*568

6/6s是4.7英寸 分辨率375*667

6P/6SP是5.5英寸 分辨率414*736

由于安卓手机型号很多，就算尺寸一样，分辨率也可能会不一样。

一般样式方面用flex/box布局的话，很少会出现需要单独针对4/4.5英寸的手机写兼容。

实在没有办法，可以使用css3媒体查询，针对320和320-375区间写兼容。

例如：

@media screen and (max-width:320px){}

@media screen and(min-width:321px) and (max-width:375px){}