a-blast | Save the World From the Cutest Creatures in the Universe | Augmented Reality library
kandi X-RAY | a-blast Summary
kandi X-RAY | a-blast Summary
Save the World From the Cutest Creatures in the Universe!
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of a-blast
a-blast Key Features
a-blast Examples and Code Snippets
Community Discussions
Trending Discussions on a-blast
QUESTION
I have a 3 column responsive email layout (code is below). This works almost perfectly. It shows well on mobile and even in outlook desktop client. But for some reason, the last image is one pixel too tall in Gmail and Outlook.com. I know this is probably because of the 100% width, but does anyone know how to fix it? You'll see that I even set pixel widths and heights on my images, but because the container has 100% width, I think that is causing it to fail. Any hacks for this?
I've added the image and a Photoshop guide and you can clearly see that the last one extends one pixel below the others.
...ANSWER
Answered 2018-May-09 at 15:30If you remove height: auto;
and add max-height: 120px;
from your img
style sheet. Your problem will be resolved.
I might recommend checking your full email in a testing service like Litmus or Campaign Monitor. Currently what you're showing is not responsive and strange things happen to the tables and images depending on the web client used to view them.
If you are doing responsive, add max-height
to the @media
query to fine-tune the output.
Good Luck.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install a-blast
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page