Question

我想在电子邮件中向移动设备和不同图像到桌面设备提供图像。 display: none适用于除Outlook和Gmail之外的所有内容。图像上有一个按钮，但在移动设备上，按钮中的文字太小。有任何想法吗？

Answer 1

很高兴看到您找到了适合您的解决方案。如果您或其他任何人在将来需要$scope.controlDTO.controlOwners邮件客户端：对于Outlook display: none，Gmail应与mso-hide: all一起使用，只要它在内联样式属性，或display: none

Answer 2

我最终做了什么：

<head>
<style type="text/css">
    @media only screen and (max-width: 480px){
       img {content: url(http://images4.fanpop.com/image/photos/17000000/Nature-s-jewerly-love-you-natures-seasons-17036569-500-500.jpg)}
    }
</style>
<body>
    <img img src="http://data.whicdn.com/images/28179582/Nature-Photography-Rain-520x520_large.jpg" width="500" height="500">
</body>

iPhone和Android可以处理content，这对我来说是我唯一需要担心的移动设备。它们提供我想要的图像，其他桌面设备保留原始图像。

电子邮件中的响应图像

2 个答案: