在开发微信网站需要用到的CSS3 Media Queries片段大全，包括IPhone6，Iphone6 plus，iPhone5的CSS3 Media Queries片段。因为移动端屏幕规则繁多，除了Iphone系列，还有多如牛毛的安卓手机。我们需要一套比较齐全的Media Queries片段大全，来应对各种屏幕的显示效果。
在这里主要分成三类：移动端、PC端以及一些常见的响应式框架的Media Queries片段。
Iphone6 and Iphone6 plus
@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone 6 */}@media (device-width:414px) and (-webkit-min-device-pixel-ratio:2.6){/* 兼容iphone6 plus */}
iPhone5
@media screen and (device-aspect-ratio: 40/71) {}
或者：@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){}
更多内容请查看原文