media Query 解决方案
by Kiwi Qi
1. 问题
2. 概念
2.1. 物理分辨率
2.2. 屏幕分辨率
2.3. retina
3. 解决方法
3.1. media query
3.1.1. 参数
3.1.1.1. width
3.1.1.2. height
3.1.1.3. device-width
3.1.1.4. device-height
3.1.1.5. orientation
3.1.1.6. aspect-ratio
3.1.1.7. device-aspect-ratio
3.1.1.8. color
3.1.1.9. color-index
3.1.1.10. monochrome
3.1.1.11. resolution
3.1.1.12. scan
3.1.1.13. grid
3.1.1.14. Untitled
3.1.2. media for standard devices
3.1.3. snippets
3.2. device-pixel-ratio
3.2.1. 用法
3.2.2. device's table
3.2.3. value
3.2.3.1. 1
3.2.3.2. 1.3
3.2.3.3. 1.5
3.2.3.4. 2
3.2.4. javascript
3.2.4.1. window.devicePixelRatio
4. 风险
5. 参考
5.1. make-your-html-email-5-times-more-mobile-friendly
5.1.1. minimum touch area
5.1.1.1. ios：44x44
5.1.1.2. Microsoft suggest：38x38
5.1.2. stunning images on iPhone retina Display