创建响应式布局--移动优先

1、屏幕分组：

   A：0-479px   小

   B：480-959px  中

   C：960-1399px  大

   D：1400px+   特大

2、一般情况下，显示器尺寸和分辨率值得关系为：
　 14寸显像管(CRT)显示器 800×600
　 17寸液晶或CRT显示器 1024×768
　 19寸液晶显示器(普屏) 1280×1024
　 19寸液晶显示器(宽屏) 1440×900
　 20寸液晶显示器(宽屏) 1600×900
　 22寸液晶显示器(宽屏) 1680×1050
　 24寸液晶显示器(宽屏) 1920×1200

   一般电脑屏幕分辨率  1920X1080 ,1366X768，1440X900，1600X900

3、显示菜单按钮的常用方法列表：

   A：“汉堡包”，也被称为多行菜单

   B：文字菜单，由带有或不带有边框的文字组成

   C：各种图标或者形状

   D：图标和文本的组合

4、当图片从大屏变到小屏时，或者从小屏变到大屏时，图片质量会发生变化，图片上的文字会变模糊