Una pregunta para que una web se vea bien en los dispositivos moviles hay que usar
@viewport y sus correspondientes etiquetas.
Pero donde se coloca?, en el mismo documento html, php etc o se podria colocar tambien en la hoja de estilos css.?
Es que no se si se coloca en el css pudiera no hacer efecto.
estoy colocando esto:
¿estaria bien?:
Código CSS:
Ver original@-webkit-viewport { width: device-width; initial-scale:1.0; user-scalable:yes; }
@-moz-viewport { width: device-width; initial-scale:1.0; user-scalable:yes; }
@-ms-viewport { width: device-width; initial-scale:1.0; user-scalable:yes; }
@-o-viewport { width: device-width; initial-scale:1.0; user-scalable:yes; }
@viewport { width: device-width; initial-scale:1.0; user-scalable:yes; }
para que la web detecte el ancho de los dispositivos moviles y se adapte a cada ancho segun varie uno u otro.
y para que se a escalable por el usuario.
¿esta bien el codigo?.
Y una ultima pregunta ¿por que cuando amplio con el zoom y vuelvo a entrar en la web me sale con el zoom ampliado y no se reabre con su tamaño original que es mas pequeño que el zoom?
¿hay algun antidoto en forma de etiqueta para ello?
gracias de antemano.