2017-07-15 109 views
0

我想創建的響應頭和我應用該樣式如下不同的分辨率,兩個屏幕具有相同的尺寸,但在Web

@media (min-width: 1300px) and (max-width: 1400px) { 
.headerText { 
    left: 40%; 
} 
} 

當我有相同的分辨率測試相同的兩個機( 1366 * 768)與不同的顯示器尺寸15「和19」,它顯示了不同的視角。

那麼有什麼辦法,我可以適用於不同大小的監視器不同的CSS或什麼是最好的解決方案呢?

注意:社區中存在同樣的問題,但重點放在anriod上。

回答

2

在頭部添加了視口。

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

+0

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

+0

我已經添加了這個,請不要幫我。 –

+0

請嘗試此操作 @media screen and(max-device-width:1400px) and(min-device-width:1300px) { –