（它適用於其他瀏覽器而不是鍍鉻）CSS：最大寬度爲無
我想申請一個樣式僅當瀏覽器尺寸小於1400px
與max-width不@media查詢工作
@media only screen and (max-width:1400px) {
.heading-left {
left: -0.5%;
}
}
與min-width其工作
@media only screen and (min-width:480px) {
.heading-left {
left: -0.5%;
}
}
但LSO變造當瀏覽器寬度大於1400px（我知道那它是如何工作，但最大寬度不工作）
搗鼓這個
https://jsfiddle.net/j4Laddtk/
嘗試此方法。
這將根據設備
@media screen
and (max-device-width: 1400px)
and (min-device-width: 480px)
{
.heading-left {
left: -0.5%;
}
}
要基於瀏覽器的窗口區域
@media screen
and (max-width: 1400px)
and (min-width: 480px)
{
.heading-left {
left: -0.5%;
}
}
不工作。最大設備寬度將檢查設備的寬度而不是窗口的權利？ –
@DivyaBarsode，是的，如果你想要定位顯示瀏覽器，試試'max-width'。 – Prime
無法正常工作。不知何故，在開發人員工具甚至沒有看到 –
這一目標的工作對我來說
@media screen and (max-width: 700px) and (min-width: 400px) {
.heading-left { left: -0.5%; }
}
nope不工作！ –
''和'後面我忘了空格。編輯 –
您是否嘗試添加視口？
<meta name="viewport" content="width=device-width, initial-scale=1">
視口是用來渲染時響應的網頁，並與移動網站打交道時，因此大多使用，但與媒體查詢打交道時它可以幫助瞭解CSS的實際設備寬度是什麼。
沒有這個標籤，媒體查詢只是MATCH而不管條件如何。例如max-width：x px總是返回true。 – Gishu
開發人員工具說，視口的大小是1400px，但實際寬度的CSS正在考慮超過1400px。因爲這個媒體查詢不起作用。
可能你有錯誤的順序查詢......但沒有演示它很難提供幫助。 –
這是目前唯一的媒體查詢 –
你能提供一個小提琴嗎？ –