媒體查詢不適用於移動Gmail應用

我正在爲Gmail應用創建一個html模板。在我添加了一個應該在桌面視圖中顯示60％的圖像和100％的移動gmail應用程序視圖。媒體查詢不適用於移動Gmail應用

這是img標籤寬度60％：

<div> 
    <img src="show.jpg" alt="Show your skills" class="mob-img" border="0" 
    style="outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; 
    width:60%;" /> 
</div>

在媒體查詢我使其100％。但它不適用於Gmail應用程序。

@media only screen and (max-width: 600px) { 
     .mob-img { 
     width: 100% !important; 
     } 
    }

我不明白爲什麼這不是在gmail應用程序工作。請讓我知道如果我失去了一些東西。

在此先感謝

來源

2017-04-04 Anshul Jain

在HTML頭添加元

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

來源

2017-04-04 06:10:54

我已經在我的HTML中添加了這個，但不起作用 –

然後將「僅屏幕」更改爲「屏幕」 –

通過只更改屏幕screnn也不working.I問題只在Gmail移動應用程序和其他地方工作正常。 –

添加媒體查詢<meta name="viewport" content="width=device-width, initial-scale=1.0">

我的事情你可以試試這個它的正常工作https://jsfiddle.net/oa5bco0s/

來源

2017-04-04 06:35:59

感謝您的回覆。但這不適用於Gmail移動應用程序。 –

在移動應用程序只有一個佈局休閒我的事情，爲什麼你有使用多個佈局。 –

媒體查詢不適用於移動Gmail應用

回答

相關問題