1

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

4

2 回答 2

1

很高兴看到您找到了适合您的解决方案。如果您或其他任何人display: none将来需要邮件客户端：对于 Outlook ，只要它位于内联样式属性中，它就可以mso-hide: all和 Gmail 一起使用，或者display: noneheight: 0; width: 0; overflow: hidden;

于 2016-03-18T22:13:29.040 回答
0

我最终做了什么：

<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，这对我来说是唯一需要担心的移动设备。他们提供我想要的图像，而其他桌面设备则保留原始图像。

于 2016-03-18T22:06:16.723 回答