@media只有屏幕无法在手机上运行

Question

我正在创建自适应电子邮件。在我的电子邮件模板中，我已添加此标记：

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

样式属性不适用于移动设备！请帮忙！感谢。

Answer 1

在做了一些研究后，我发现大多数电子邮件提供商都不支持@media查询标记！