Saltar al contenido
Portada » como

como

Cómo establecer un meta viewport distinto dependiendo del dispositivo

Al utilizar responsive design para diseñar sitios web podemos encontrarnos con ciertos problemas a la hora de establecer un ancho y una escala inicial en la meta etiqueta viewport. Por ejemplo, dependiendo de cómo lo hayamos desarrollado, el ‘width’ puede hacer que en el iPhone aparezca un zoom horroroso al cargar la web mientras que en el iPad se verá correctamente. Para evitar esto, la opción principal es la de detectar el agente de usuario y mostrar un viewport u otro. Tenemos dos opciones: utilizar Javascript o PHP. Código PHP: <?php $isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad'