媒体查询不适用于移动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应用

回答

相关问题