已解決430363個問題，去搜搜看，總會有你想問的

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

關注

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

JavaScript

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

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

查看完整描述

1 回答

慕少森

TA貢獻2019條經驗獲得超9個贊

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

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

反對回復 2018-09-16

關注

舉報

0/150

提交

取消