在 CSS 中，當(dāng)我提到 (max-width: 800px) 時(shí)，瀏覽器應(yīng)該在屏幕達(dá)到 800px 時(shí)加載該樣式，但我的瀏覽器在 720px 時(shí)加載該樣式，為什么會(huì)發(fā)生這種情況？這是 CSS 媒體查詢(xún)@media (max-width: 800px) { #header-home { height: 30rem; .header-content { padding-top: 5rem; } }}當(dāng)屏幕寬度低于 800px 時(shí)，它就不起作用了。但當(dāng)屏幕低于 720px 時(shí)它會(huì)起作用
2 回答
qq_花開(kāi)花謝_0
TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
錯(cuò)誤，它應(yīng)該加載最大 800px 的樣式
你應(yīng)該做這個(gè)：
@media (min-width: 800px) {
#header-home {
height: 30rem;
.header-content {
padding-top: 5rem;
}
}
}
人到中年有點(diǎn)甜
TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊
你有兩個(gè)錯(cuò)誤。
@media only screen and (min-width: 800px) {
#header-home {
height: 30rem;
.header-content {
padding-top: 5rem;
}
}
}
當(dāng)屏幕的最小寬度為800PX時(shí)，您需要在指定寬度之前添加only screen and并且要更改樣式。所以，不會(huì)的，max-width會(huì)的min-width
如果它繼續(xù)存在，則意味著問(wèn)題不在這里。頁(yè)面上的其他元素似乎導(dǎo)致了它。可能是圖像或按鈕邊距
- 2 回答
- 0 關(guān)注
- 283 瀏覽
添加回答
舉報(bào)
0/150
提交
取消