Menu
I have just stumbled across the fact that Yahoo mail is transforming all height attributes into min-height. Is there a workaround for this?
<div style="width:55px; height:55px; overflow:hidden;">
<img alt="user pic" src="assets/main.jpeg" width="55px" />
</div>
The goal of the code above is to hide the bottom part of the image if it's higher than 55px. I've tested this in hotmail and aol and it works fine. Only Yahoo seems to transform my height into min-height:
<div style="width:55px; min-height:55px; overflow:hidden;">
632
In fact, height 100% corresponds to height of the screen minus the address bar at top of screen, while 100vh corresponds to height of the screen without the address bar.
CSS tip: To reset a min-height or min-width declaration, set it to "0", not "auto". For max-height/width, the initial value is "none".
Yahoo Mail turns to basic mode automatically when it senses a slow connection or a browser that doesn't know how to handle the full-featured interface.
direct height attribute without style works for yahoo like
<div height="55px" style="width:55px; overflow:hidden;">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
