¿Cuántas media queries debería usar?

Karasu

Delta

Programador

Verificación en dos pasos activada

Verificado por Whatsapp

• 2 Dic 2017

• #1

Pues eso, es recomendable usar media queries en exceso?

Espero respuestas y consejos de gente con más experiencia, Saludos. :encouragement:

 

K

krusty72

Kappa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 2 Dic 2017

• #2

Insertar CODE, HTML o PHP:

....usar media queries en exceso?

A qué te refieres en exceso? No he visto aún un sitio con más de 20 mq.

El caso es que no hay una regla clara de cuantos se deben usar, así que puedes usar todos los que necesites.

La única pega, es que entre más mq tenga uses, tu archivo css crecerá, ese es el "problema".

 

Wizard

Xi

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 2 Dic 2017

• #3

El único problema yace en el peso final del archivo css, de resto no existe problema alguno :encouragement:

 

D

denzel

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 Dic 2017

• #4

Cuando el navegador analiza tu hoja de estilos "se detiene" a analizar cada lugar donde has declarado un [MENTION=16931]medi[/MENTION]a-query, si tienes demasiadas, se va detener en cada una de ellas, lo recomendable es agrupar los @mq por bloques para un mejor rendimiento.

 

A

astillazo

Beta

Programador

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 Dic 2017

• #5

Como comenta [MENTION=173141]denzel[/MENTION], lo más óptimo, y recomendado para la legibilidad a la hora de hacer modificaciones, es hacer una media query por cada tamaño de pantalla y, en su interior, incluir todas las reglas CSS para ese tamaño.

 

Karasu

Delta

Programador

Verificación en dos pasos activada

Verificado por Whatsapp

• 3 Dic 2017

• #6

denzel dijo:

Cuando el navegador analiza tu hoja de estilos "se detiene" a analizar cada lugar donde has declarado un [MENTION=16931]medi[/MENTION]a-query, si tienes demasiadas, se va detener en cada una de ellas, lo recomendable es agrupar los @mq por bloques para un mejor rendimiento.

Hacer clic para expandir...

Gracias por la respuesta. Ordenaré de mejor manera los media queries como dices, saludos. 😛7:

 

xxphiterx

1

Kappa

Diseñador

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

Suscripción a IA

• 3 Dic 2017

• #7

Si buscas tener menos codigo, podrias utilizar flexbox para evitar tener demasiadas mediaqueries y solo agregarlo a donde lo necesitas.
Saludos.

 

paskuvan

Iota

Verificado

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

¡Usuario popular!

• 3 Dic 2017

• #8

no es recomendable de tener muchos queries porque la web pesa mucho, solo usan las mas recomendadas.

 

C

Cass

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 18 Dic 2017

• #9

Y con muchos quizás pierdas un poco el hilo de para qué sirve cada uno.

 

Programarte

Épsilon

Programador

Verificado

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 19 Dic 2017

• #10

LA primer pregunta que me viene a la mente es ¿para qué habría uno que tener tantas?

 

D

denzel

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 19 Dic 2017

• #11

Programarte dijo:

LA primer pregunta que me viene a la mente es ¿para qué habría uno que tener tantas?

Hacer clic para expandir...

Cuando la estructura es muy compleja, por ejemplo un dashboard, y se requiere( por cuestiones estéticas :/ ) abarcar la mayor cantidad de resoluciones de pantalla, es necesario poner breakpoints donde sea necesario, no solo en los 3 breakpoints estándar.