HTML5 各个不同屏幕的收集

//屏幕小于640时候的屏幕

@media only screen and (max-width: 640px) { }

1. /* 大屏幕 */
2. @media (min-width: 1200px) { ... }
3.  
4. /* 平板电脑和小屏电脑之间的分辨率 */
5. @media (min-width: 768px) and (max-width: 979px) { ... }
6.  
7. /* 横向放置的手机和竖向放置的平板之间的分辨率 */
8. @media (max-width: 767px) { ... }
9.  
10. /* 横向放置的手机及分辨率更小的设备 */
11. @media (max-width: 480px) { ... }

手机屏幕尺寸汇总：
苹果4
320*480
苹果5
320*568
苹果6
375*667
苹果6 PLUS
414*736

三星NOTE
400*640

三星NOTE 3
360*640

腾讯头图自适应解决方案：

腾讯头图：实际像素：540*278

IPHONE6 PLUS的高度

@media only screen and (min-width: 401px){ // 当大于401像素的时候容器高度为height: 213px;}

IPHONE6 的高度

@media only screen and (max-width: 375px) and (min-width: 361px){//在375像素与361像素之间；height: 193px;}

默认宽度在320或者320之下的

height: 165px;