Skip to content
digital response
  • Home
  • Services
    • ACM
    • All services
  • Partners
    • Bloomreach Engagement
    • Braze
    • Klaviyo
    • Salesforce
    • All partners
  • Cases
  • Who we are
  • es_ES
Contact
Blog, Email design

Yahoo fixes its problems with media queries

7 April 2015 alecastellano Comments Off on Yahoo soluciona sus problemas con las media queries

A principio de febrero, desde Fresh Inbox comenzaban una campaña para pedir a Yahoo que arreglase su incompatibilidad con las media queries que utilizamos para hacer nuestros emails responsive. El problema era que Yahoo aplicaba las últimas reglas declaradas dentro de nuestras media queries aunque se tratase de resoluciones de escritorio, lo que hacía descuadrar toda nuestra maquetación y nos obligaba a buscar hacks para evitar el desastre.
La solución que  se encontró fue estructurar las reglas CSS con selectores de atributo, ya que Yahoo no las interpreta, y por tanto las ignoraría y mantendría el estilo aplicado inline. Esto provocaba que nuestros estilos tuviesen esta pinta:
css-email4
Pero hace unos días, Fresh Inbox nos daba la buena noticia. Yahoo parece sensible a las demandas de los desarrolladores y apenas un mes después de la petición, respondía solucionando el «bug» y dando soporte al responsive design.

Toma nota, Gmail

Toma nota, Gmail

Así que, los desarrolladores de email podemos quitarnos de encima los selectores de atributo y declarar las reglas CSS «como la gente normal».
css-email3
Pero esta no es la única buena noticia, ya que además de solucionar el problema, Yahoo ahora da soporte al responsive design tanto en Webmail como en su aplicación móvil, si bien, no todos los filtros que podemos aplicar darán resultado. Parece que Yahoo entiende sin problemas los más utilizados: max-width y min-width, pero se deja sin soporte max-device-width, min-device-width, -webkit-min-device-pixel-ratio. También encontraremos problemas si utilizamos varios filtros en una media query. Es decir, este código funcionará correctamente:
media query email
Pero si añadimos otro filtro, como en este otro ejemplo no funcionará.
media2
Además, Yahoo, según Mark Robbins, nos ofrece la posibilidad de seleccionar solamente su cliente en caso de que queramos aplicar estilos concretos o corregir fallos que puedan darse en su servicio. Esto lo podremos hacer con el filtro «yahoo» en una media query, de esta manera:
soloyahoo
 
 
 
En definitiva, buenas noticias para el sector del email. Y no os olvidéis de que seguimos acosando a Gmail para que se ponga las pilas para solucionar los problemas que plantea al responsive design. Podéis retuitear este tuit de Freshinbox para adheriros a la petición:

Hi @google, when will @gmail be «mobile friendly»? http://t.co/nj8vI4IVh1 #SupportMediaQueries #CanHasStyle

— FreshInbox (@FreshInbox) marzo 27, 2015

  • Responsive Email Design
  • Yahoo
alecastellano

Post navigation

Previous
Next

Search

Categories

Latest posts

  • Potenciar ecommerce
    Empowering ecommerce through user experience and technology
  • Agencia Marketing Automation
    Agencia de marketing automation
  • Agencia Marketing Automation
    Marketing Automation Agency: Guide to Choosing Your Expert Partner

Related posts

Marketing Automation
Email Marketing Agency

Email marketing agency

19 May 2025 José Boix Comments Off on Agencia de email marketing

Email marketing agency in Barcelona In today's digital environment, connecting with users in a personalised way is key to the success of any strategy. In Barcelona, Digital Response is positioned as an email marketing agency specialising in effective and automated email campaigns. Why work with an expert agency in email marketing?

Blog, Mobile Email

Responsive Email Design: resources and materials from our webinar

20 May 2015 alecastellano Comments Off on Responsive Email Design: recursos y materiales de nuestro webinar

Last Wednesday we launched our first webinar. The theme of this first seminar was Responsive Email Design, a hot topic in the email marketing sector that many of you are still "afraid" of due to the lack of homogeneous interpretation by many email clients.

Blog, Mobile Email

Gmail tests more mobile-friendly interface but still ignores responsive design

21 May 2014 alecastellano Comments Off on Gmail testea una interfaz más orientada a móvil pero sigue ignorando el responsive design

Via Geek.com, we've come across some screenshots of the new changes Gmail is planning to implement in the near future. Recently, we heard about tests being carried out on a much more visual Pinterest-style promotions tab:

digitalResponse_claim_500

We work with CRM teams looking to scale their programmes, operational excellence and improve results.

Agency
  • Services
  • Partners
  • Cases
  • Who we are
  • Work with us
  • Contact
Social
  • Facebook
  • Twitter
  • Linkedin
  • Youtube
  • Spotify

2025 © Digital Response, all rights reserved. Web by sararovira.com

  • Legal notice
  • Privacy policy
  • Cookies
Manage consent
To provide the best experiences, we use technologies such as cookies to store and/or access information on your device. Consenting to these technologies will allow us to process data such as browsing behaviour or unique identifiers on this site. Not consenting, or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The storage or technical access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing unsolicited preferences of the subscriber or user.
Statistics
Technical storage or access that is used exclusively for statistical purposes. Storage or technical access which is used exclusively for anonymous statistical purposes. Without a request, voluntary compliance by your Internet service provider, or additional records from a third party, information stored or retrieved solely for this purpose cannot be used to identify you.
Marketing
Technical storage or access is necessary to create user profiles to send advertising, or to track the user across a website or across multiple websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
See preferences
{title} {title} {title}