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

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -