鍍金池/ 問答/HTML/ 為何media不起作用，不能更改css?

為何media不起作用，不能更改css?

圖片描述

我發(fā)現(xiàn)@media screen and (max-width:900px) and (min-width:500px){
}

這代碼不起作用，為什么會這樣？試了好久了，一直不變化，很奇怪！

謝謝

因?yàn)槎蓟卮鸫a沒問題，我就放心的用火狐試了下，火狐可以，但chrome不行，為什么會這樣？圖片描述

我剛才直接加了個margin-left的標(biāo)簽，就能顯示出變化
是否意味著，前一個div具備的標(biāo)簽，必須在后一個變化里全部再寫一次？

回答
編輯回答
笑浮塵

你這個代碼沒問題啊
谷歌兼容21以上你的谷歌多少

2018年2月19日 05:36
編輯回答
礙你眼

剛才沒看清楚，代碼應(yīng)該沒問題

2018年2月1日 21:05
編輯回答
嘟尛嘴

我在代碼里加了一條：

 margin-left:300px;
 就開始顯示變化了，
 這是不是意味著div 如果變化，就全部發(fā)生變化，少一個標(biāo)簽都不行？
2017年1月12日 13:42
編輯回答
只愛你
media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }

放個實(shí)例：

@media only screen and (min-width: 768px) {
    div.start-portrait {
        width: 100%;
        right: -90px;
    }
}

@media only screen and (min-height: 667px) {
    div.start-title {
        margin-top: 30px;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.99px) {
    div.carousel-h {
        --heightA: 768px;
        --heightB: calc(var(--heightA) / 3);
        height: var(--heightB);
    }
}

http://fzerotriluby.com/

2018年4月26日 19:44