laravel 电子邮件媒体查询被忽略答案

【问题标题】：laravel email media query ignoredlaravel 电子邮件媒体查询被忽略
【发布时间】：2018-09-12 23:55:43
【问题描述】：

我有一个 css 类，我将其应用于刀片模板中的元素。

当我的主题/default.css 中有以下 css 时，它可以正常工作

.mobile-full-width {
    min-width: 100% !important;
    padding: 0 !important;
    color: red !important;
}

但是当我将它与媒体查询一起使用时它不起作用：

@media screen and (max-width: 480px) {
    .mobile-full-width {
        min-width: 100% !important;
        padding: 0 !important;
        color: red !important;
    }
}

【问题讨论】：

请注意，并非所有电子邮件客户端都支持媒体查询；你用哪一个来查看邮件？
你会想要阅读一些关于responsive email templates 的内容。电子邮件客户端在这一点上已经落后了大约 15 年，而且远不及网络的最新发展。

标签： css laravel email media-queries

【解决方案1】：

您必须在 layout.blade.php 文件中而不是在主题 css 文件中添加您的媒体查询 css，以便它可以被渲染。

【讨论】：

谢谢。这实际上解决了我的问题。