如何在不丢失 css 的情况下将模板从桌面发送到移动设备

Posted 2023-03-12

【中文标题】如何在不丢失 css 的情况下将模板从桌面发送到移动设备

【英文标题】：How to send a template from desktop to mobile device without loosing css

【发布时间】：2016-05-09 16:18:25

【问题描述】：

我正在从台式机/笔记本电脑向移动设备发送一封电子邮件，但它丢失了 css，如行对齐空间和文本是水平的。

所以请告诉我我必须为 android 和 ios 手机使用什么 css，

我正在使用这个 CSS 但不工作...

@media only screen and (max-device-width: 566px) 
    .campaign_tem 
        width: 80% !important;
    
    .table_align display:none !important;width:100%;color:red;
 `

【问题讨论】：

您是否有元标记来表明您的网站支持移动设备？ <meta name="viewport" content="width=device-width, initial-scale=1">

您是否尝试在移动设备上设置网页或电子邮件的样式？

我正在尝试为用 html5 编写的 gmail 文本模板提供样式以发送所有设备...

css是在你的页面中还是在外部文件夹中？

很多电子邮件客户端忽略样式。

【参考方案1】：

不久前我遇到了这个问题，但 gmail 只接受内联样式，因此标题中没有任何内容。