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

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

Kivy: Swiping (Carousel & ScreenManager) -