@media 其實就是判斷螢幕多大的解析度 然後選用什麼 css樣式
media screen and (min-width:413px)
例子就是這樣的 min 相當於 >= 這個符號
max 相當於 <=這個符號
多個 判斷 區間 用 and相連
media screen and (min-width:413px) and (
max-width:800px)
然後 在後面跟上大括號 裡面寫相應的css樣式就行了 這樣螢幕字這個解析度內 就會選取這個樣式了
media screen and (min-width:413px) and
(max-width:800px)}
運用 media實現網頁自適應中的幾個關鍵解析度
1,先看下面的 這是從bootstrap中遍歷出來的，min width來確認分別是 768 992 1200。當然了過去也有些裝置寬度是600 480的，哪些小解析度的我們都歸類為小於767的。為什麼是小於767而不是768呢，那是因為在css中 media min width 768px 表示最...
運用 media實現網頁自適應中的幾個關鍵解析度
經常為不同解析度裝置或不同視窗大小下布局錯位而頭疼,可以利用 media screen實現網頁布局的自適應,但是怎樣相容所有主流裝置就成了問題。到底解析度是多少的時候設定呢？先看下面的 這是從bootstrap中遍歷出來的，min width來確認分別是 768 992 1200。當然了過去也有些裝...
運用 media實現網頁自適應中的幾個關鍵解析度
先看下面的 這是從bootstrap中遍歷出來的，min width來確認分別是 768 992 1200。當然了過去也有些裝置寬度是600 480的，哪些小解析度的我們都歸類為小於767的。為什麼是小於767而不是768呢，那是因為在css中 media min width 768px 表示最小是...