html - 如何调整 html 邮件中的图像大小以支持智能手机和 pc？

Question

我有一个宽度为 600 像素、高度为 75 像素的HTML 邮件程序的图像标题。在智能手机上阅读邮件时，有没有办法减小图像的大小？我可以使用 in line cssmax-width:600px; width:100%;使最大宽度保持在 600 像素，然后在屏幕尺寸较小的智能手机上查看时，它会缩小到手机显示尺寸吗？还是会产生任何问题？

Answer 1

使用绝对像素值通常是个坏主意。尝试创建一个几乎所有尺寸都看起来不错的“流体布局”。

要根据可用的显示大小更改 CSS，请尝试“css 媒体查询”。

您的解决方案 ( max-width) 也应该可以工作，只需测试并尝试，它应该可以工作。