概述
通過**查詢為不同的裝置和大小配置不同的樣式。
**展示
/*media
*//*
橫屏 */
@media screen and (orientation:landscape)
/*豎屏
*/@media screen and (orientation:portrait)
/*視窗寬度<960,設計寬度=768
*/@media screen and (max-width:959px)
/*視窗寬度<768,設計寬度=640
*/@media screen and (max-width:767px)
/*視窗寬度<640,設計寬度=480
*/@media screen and (max-width:639px)
/*視窗寬度<480,設計寬度=320
*/@media screen and (max-width:479px)
/*windows ui 貼靠
*/ }/*
列印 */
@media print{
來自網易社會永珍
歲尾年關，回家 的感人故事成為各大 追捧的熱點，人四處尋找想要的影像文字，而車站無疑是首選之地。對於我而言，火車站是我最熟悉的，也是最陌生的地方，熟悉是因為它是我每日的必經之地，說陌生，是因為路過那裡的都是匆匆過客，從不留意路邊的趣事，硬說的話也只是一面之緣的 淺交 雖然每日都在上演 酸甜苦辣 但由...
CSS規範 優化方案 （來自網易）
值縮寫 縮寫值可以減少css檔案大小，並增加可讀性和可維護性。但並非所有的值都必須縮寫，因為當乙個屬性的值縮寫時，總是會將所有項都設定一遍，而有時候我們不希望設定值裡的某些項。比如我們用下面這個樣式來讓某個定寬的容器水平居中，我們要的只是left和right，而top和bottom不是這個樣式要關心...
Css media做介面適配
media min width 1450px 主題是 media的簡單使用 筆者覺得很有用哦 像是邁出了一大步 media與適配相關？看看這篇部落格我覺得挺好的想簡單一點跳過也行，直接往下看吧！下面直入主題啦，我的例子 兩個併排的 在一般大尺寸螢幕上顯示好了，可是小螢幕電腦上成了這樣！太不像話了對吧...