开发者

Include wide image in HTML email and still have text wrap on iPhone

开发者 https://www.devze.com 2023-02-15 14:40 出处:网络
Usually when you send out emails on an iPhone, the text wraps to the window so the font is a normal size. However, if you set a width, or include an element which is wider than the viewport (like a ta

Usually when you send out emails on an iPhone, the text wraps to the window so the font is a normal size. However, if you set a width, or include an element which is wider than the viewport (like a table or a wide image), the text will fail to wrap, and will display at a lower font size. I've tested this myself by sending sample e开发者_C百科mails with and without a 650px-wide image.

Is there a way to include the 650px wide image, but still have the text wrap on an iPhone? I would still want the email to display properly in a regular browser. Thanks for the help, Kevin


Kevin, I think your best bet is to use media queries here to resize that image on smaller screens. I ran into this issue with my clients who wanted mobile emails but were still putting large images into their mailings.

Check out the campaign monitor post for more info: http://www.campaignmonitor.com/blog/post/3163/optimizing-your-emails-for-mobile-devices-with-media/

0

精彩评论

暂无评论...
验证码 换一张
取 消