html - responsive images max-width property in newsletter email -


i designed responsive email several elements, each 1 main image.

to prevent images breaks in iphone resolution , higher, have:

img { max-width: 320px !important; height: auto !important; } 

but then, images smaller 320px scale width. fixed with:

img { max-width: 100% !important; width: auto !important; height: auto !important; } 

this works main images, business logo resizes 100% of parent container.

how best of each solution?

html coding emails pain

see chart: https://www.campaignmonitor.com/css/ (you might have scroll down page, it's there)

there little no consistency between email clients recognize. recommend coding simple page 'squishes' nicely.


Comments

Popular posts from this blog

How to connect android app to App engine -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

php - display validation error message next to the textbox in codeigniter -