首頁猿問 CSS的@media屬性根據(jù)不同屏...

CSS的@media屬性根據(jù)不同屏幕寬度鏈接不同css文件的問題

JavaScript

犯罪嫌疑人X 2018-08-13 15:10:34

為什么這樣設(shè)置最后頁面都加載的是最后一個CSS文件，不會根據(jù)屏幕不同寬度改變CSS文件怎么設(shè)置區(qū)間啊，比如0~1000一個CSS文件，1000~1500一個CSS文件，1500~1600一個CSS文件

查看完整描述

1 回答

慕少森

TA貢獻(xiàn)2019條經(jīng)驗獲得超9個贊

順序顛倒過來就行了，先寫寬度小的，再寫大的，或者把min換成max就行

你現(xiàn)在用min-width，假設(shè)屏幕寬度1920px
按照你現(xiàn)在的寫法既符合min-width: 1550px 也符合后面兩個最小的min-width: 768px 也生效，所以三個文件都會加載，只不過最后一個CSS的規(guī)則會覆蓋前面兩個