我有這個 css：
.realiser-devis { 文本轉換：大寫；字體大小：23px；字體粗細：700；邊距：0；顏色：#fff; }
如果螢屏寬度小于 1600 像素，我想減小字體大小
@media only screen and (max-width:1600px) {
.realiser-devis {
font-size: 12px;
}
}?
問題是媒體查詢中的 css 在不滿足條件的情況下作業；我的螢屏寬度為 1800 像素，字體大小為 12 像素
有什么我想念的嗎？
問候
阿米爾
uj5u.com熱心網友回復：
您可能缺少該<head>部分中的回應元標記。
確保你有這個<head>部分：
<meta name="viewport" content="width=device-width, initial-scale=1">
在此處閱讀更多相關資訊。
uj5u.com熱心網友回復：
檢查時請在控制臺中使用此命令檢查螢屏寬度
console.log(window.screen.width)
如果它仍然是 1800，請將您的媒體查詢減少max-width到 500 并檢查，如果它有效，那么您應該檢查您的螢屏寬度有什么問題。
否則請嘗試使用不帶關鍵字的媒體查詢only（它會影響舊瀏覽器）：
@media screen and (max-width:1600px) {
.realiser-devis {
font-size: 12px;
}
}?
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/326591.html
標籤：javascript html css 前端