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