Aprende a personalizar la etiqueta meta viewport para asegurar la correcta visualización de tu child theme de Genesis en dispositivos móviles.
La etiqueta meta viewport permitirte a los desarrolladores controlar el tamaño y la escala del viewport; es decir, definir el ancho, alto y escala del área que usa el navegador.
Es un parámetro esencial si quieres garantizar que la web se vea bien en smartphones y tabletas. Así que no debe faltar en ninguno de los child themes que utilices.
¿Y sabes qué es mejor aún? Puedes modificarla según las necesidades del tema en el que estés trabajando.
Código para personalizar la etiqueta meta viewport
Añade este snippet en el fichero functions.php:
Para ver este código y los otros 2057 snippets de esta web,
identifícate o suscríbete aquí.
Al usar este fragmento, ajustas el contenido al ancho del dispositivo con una escala inicial de 1. Pero puedes cambiar estos parámetros según te convenga.
Si, por el contrario, no necesitas personalizarla, puedes ver simplemente cómo dar soporte a la etiqueta meta viewport.
Conclusiones
Ahora ya sabes cómo ajustar los parámetros de la etiqueta meta viewport si tu child theme de Genesis Framework lo requiere.
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos snippets? Déjala en los comentarios.
Ventajas de ser suscriptor.😉
