媒體查詢語法： 1.內聯寫法：and之后必須有空格@media screen and (min-width:960px //判斷瀏覽器大小條件){body{background：red} //常規的樣式} 2.外聯寫法：當滿足屏幕滿足條件的時候連接href后的css文件<link ...

PC端************ 按屏幕寬度大小排序（主流的用橙色標明） 分辨率 比例 | 設備尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280 ...

PC端************ 按屏幕寬度大小排序（主流的用橙色標明） 分辨率 比例 | 設備尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280 ...

PC端************ 按屏幕寬度大小排序（主流的用橙色標明） 分辨率 比例 | 設備尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280 ...

1、使用media的時候需要先設置<meta>標簽來兼容移動設備的展示。 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0 ...

移動端媒體查詢的一些尺寸參考 /*iphone4 4s*/ @media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ /* Styles */ } @media screen ...

...

PC端 按屏幕寬度大小排序（主流的用橙色標明） 分辨率 比例 | 設備尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例 ...