1. 在<head></head>里加入@media媒体查询
<link rel="stylesheet" media="not all and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3)" href="dist/css/style.min.css">
<link rel="stylesheet" media="(min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3)" href="dist/css/style_iphone6+.min.css">
注：a. device-width是规定设备的尺寸范围
b. orientation：portrait是规定只能竖屏查看
c. -webkit-min-device-pixel-ratio是规定这个尺寸范围内的分辨率为3，也就是设计图做到前端手机上要全部缩小3倍。
附表：
d. 不同尺寸下，使用不同的样式表。style.cess 和 style_iphone6+.css。
2.
原文：http://www.cnblogs.com/JolinChan/p/4368168.html