CSS：最大寬度爲無

（它適用於其他瀏覽器而不是鍍鉻）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（我知道那它是如何工作，但最大寬度不工作）

搗鼓這個

可能你有錯誤的順序查詢......但沒有演示它很難提供幫助。 –

這是目前唯一的媒體查詢 –

你能提供一個小提琴嗎？ –

嘗試此方法。

這將根據設備

@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%; 
    } 

}

2015-06-08 10:17:43 Prime

不工作。最大設備寬度將檢查設備的寬度而不是窗口的權利？ –

@DivyaBarsode，是的，如果你想要定位顯示瀏覽器，試試'max-width'。 – Prime

無法正常工作。不知何故，在開發人員工具甚至沒有看到 –

這一目標的工作對我來說

@media screen and (max-width: 700px) and (min-width: 400px) { 
    .heading-left { left: -0.5%; } 
}

2015-06-08 10:30:03

nope不工作！ –

''和'後面我忘了空格。編輯 –

您是否嘗試添加視口？

<meta name="viewport" content="width=device-width, initial-scale=1">

視口是用來渲染時響應的網頁，並與移動網站打交道時，因此大多使用，但與媒體查詢打交道時它可以幫助瞭解CSS的實際設備寬度是什麼。

2015-06-08 12:41:26 Stewartside

沒有這個標籤，媒體查詢只是MATCH而不管條件如何。例如max-width：x px總是返回true。 – Gishu

開發人員工具說，視口的大小是1400px，但實際寬度的CSS正在考慮超過1400px。因爲這個媒體查詢不起作用。

2017-07-08 09:06:25

回答