@media只有屏幕不能在手机上工作

我正在创建一个响应式电子邮件。在我的电子邮件模板，我已经包含了这个标签：@media只有屏幕不能在手机上工作

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

和已经添加了这些造型属性为移动设备：

@media only screen and (max-device-width: 799px) { 

    div[class="column"] { 
      width: auto!important; 
      float:none!important; 
     } 
     .reasonDiv { 
      float:none!important; 
      padding-left: 12px!important; 
      padding-top: 35px!important; 
     } 
     .image { 
      width: 10px; 
      height: 10px; 
     } 
     .message { 
      padding-top: 10px!important; 
     } 
     .productImage { 
      width: 64px!important; 
      height: inherit!important; 
     } 
     .siteLogo { 
      width: 180px!important; 
     } 
    }

的样式属性没有在移动设备上工作！请帮忙！谢谢。

来源

2013-12-24 Lilu Patel

您是如何测试的？您是否亲自去移动设备上的网站？使用'max-device-width'意味着它只会影响物理设备。试试'max-width'，这样你就可以在你的电脑上进行调试。 – agconti

我不知道确切的原因，但请注意，大多数电子邮件客户端不支持媒体查询，也可以使用最大宽度，而不是最大设备宽度，看看是否可行 –

是的，我我正在使用Mandrills测试电子邮件功能。 –

经过一番研究，我发现大多数电子邮件提供商不支持@media查询标签！

来源

2014-05-07 20:46:52

@media只有屏幕不能在手机上工作

回答

相关问题