Foundation for Email 2 (zurb) 扩展按钮 - Gmail Android 纵向

Question

有谁知道为什么我的按钮不适合 Gmail Android 上具有“扩展”类的列（纵向）？

它在 Gmail 网络邮件、iCloud 邮件和 Outlook 2007 等多个桌面客户端上看起来不错。

当我在 Android Gmail 上将智能手机置于横向模式时，它工作正常！ 因此，该问题仅出现在纵向 Gmail 应用程序上。

[ ]

这是 Inky 代码：

{# templates\email\email_test.html.twig #}
{% apply inky_to_html|inline_css(source('@styles/foundation-emails.min.css')) %}
<container style="background-color:gold;">
    <row style="background-color:blue;">
        <columns small="12" large="8" valign="middle" style="background-color:#ffd0b2;">
            <button class="expanded" href="#accepter">PRENDRE CONTACT</button>
        </columns>
        <columns small="12" large="4" valign="middle" style="background-color:#8fffe5;">
            <button class="expanded" href="#refuser">REFUSER</button>
        </columns>
    </row>
</container>
{% endapply %}

我尝试添加包装器并覆盖一些使用此替代代码附加自定义类的类

{% apply inky_to_html|inline_css(source('@styles/foundation-emails.css'), source('@styles/email.css')) %}

我看到了这个回复，但它没有解释如何规避这个问题，如果可能的话！ 电子邮件基础：Gmail 应用程序中的小视图端口

Answer 1

没关系，我会解决这个问题，只需将

min-width:580px

添加到容器的内联样式即可！

我在这篇文章中找到了解决方案： 有没有办法在电子邮件布局中关闭 Gmail 应用程序的自动调整大小功能？