1

我正在尝试让我的注册电子邮件在移动设备中响应,
我想尝试@media 属性,但我无法弄清楚如何使这个内联,据我所知,电子邮件的样式应该始终嵌入......
文档不要提到那个

有什么建议吗?

4

2 回答 2

3

你不能把它内联,你必须把它放在样式标签内的html电子邮件的头标签中。例如:

<head>
...
<style type="text/css">
    @media screen and (max-width:480px) {
    ...
    ...
    }
</style>
</head>
于 2013-03-19T03:43:19.933 回答
1

媒体查询是最好的选择,但

电子邮件客户端对媒体查询的支持有很大不同。许多客户端(例如 Gmail)根本不支持媒体查询。

<meta name="viewport" content="width=device-width" />


.container {
  max-width:600px!important;
  display:block!important;
  margin:0 auto!important;
  clear:both!important;
}
于 2013-03-19T06:16:55.790 回答