media Query 解决方案

马上开始. 它是免费的哦
注册 使用您的电邮地址
Rocket clouds
media Query 解决方案 作者: Mind Map: media Query 解决方案

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

5.2. Comprehensive List of Browser-Specific CSS Hacks

5.3. Targeting Safari 3 with CSS and JavaScript: Safari3 Hacks & Filters

5.4. Update: Styling the Button Element with CSS Sliding Doors - now with Image Sprites and IE 8 Support

5.5. window-device-pixel-ratio

6. 兼容性