0

我正在构建一个 HTML 电子邮件,并希望使用 @media 查询来显示一个用于移动设备的横幅和另一个用于桌面/网络邮件屏幕的横幅。我知道大多数电子邮件客户端都会去掉标签中的 CSS。有没有办法将css内联?这是当前..中的代码示例

<style type="text/css">

  @media (max-width: 1000px){
    /* rules defined inside here are only applied to browsers that support CSS media queries and the browser window is 480px or smaller */
    img#standardBanner{display:none !important}
    img#mobileBanner{display:block !important} 
  }

</style>

还有其他方法可以做到这一点吗?我运气不太好。

谢谢!

4

2 回答 2

1

要回答您的问题,对于纯 css 解决方案,答案是否定的,这是不可能的。

您可以通过服务器提供图像并使用 PHP 等脚本语言来获取用户的设备信息,然后使用 PHP 函数标头根据该信息提供适当的图像。

于 2013-02-14T23:47:08.860 回答
0
<style type="text/css">

    img#standardBanner{display:block !important}
    img#mobileBanner{display:none !important} 

    @media (max-width: 1000px){

    img#standardBanner{display:none !important}
    img#mobileBanner{display:block !important} 
  }

</style>
于 2013-02-14T23:48:04.800 回答