為什么這樣設(shè)置最后頁面都加載的是最后一個CSS文件,不會根據(jù)屏幕不同寬度改變CSS文件
怎么設(shè)置區(qū)間啊,比如0~1000一個CSS文件,1000~1500一個CSS文件,1500~1600一個CSS文件
光陰似箭催人老,日月如移越少年。
順序顛倒過來就行了,先寫寬度小的,再寫大的,或者把min
換成max
就行
你現(xiàn)在用min-width
,假設(shè)屏幕寬度1920px
按照你現(xiàn)在的寫法 既符合min-width: 1550px
也符合后面兩個 最小的min-width: 768px
也生效,所以三個文件都會加載,只不過最后一個CSS
的規(guī)則會覆蓋前面兩個
<link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css">
<link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css">
?<link rel="stylesheet" media="screen and (max-width: 600px)" href="???.css" /> 這樣?