I Tip My Hat To You Yahoo!

Note: this was fix in March of 2015 but it is definitely good to know.

For years if you coded emails you would of had to use the attribute selector hack in your media queries for Yahoo example: 

@media (...) {
  table[class="name"]{...}
}

 
Real world example:

@media only screen and (max-width: 600px){
    table[class="container"]{
    width: 100%!important;
    padding-left: 20px!important; 
    padding-right: 20px!important;
   }
}

 
for more info on why see:
emailonacid’s stop yahoo mail from rendering your media queries
freshinbox- yahoo sanitizer bug

what I find very exciting is the new Yahoo Mail client targeting technique:

@media yahoo { .. }

 
for more info on why see:
freshinbox yahoo mail fixes media query bug yahoo

Please follow and like us:
Share