transferir - ¿Cómo puedo forzar a un sitio a escalar para arreglarlo para dispositivos móviles(Iphone, Android...)?
transferir fotos de android a iphone (4)
Deshágase del width=1024 , simplemente ponga
<meta name="viewport" content="width=device-width, initial-scale=1" />
Y borre la memoria caché del navegador de su teléfono. Incluso podría tener que apagar y volver a encender después.
Cuando cargo mi sitio en un iphone, no se reduce. Todo lo que veo es la parte superior izquierda de cientos de píxeles cuadrados. Soy nuevo en la optimización móvil, pero siento que la mayoría de las páginas se desplazan automáticamente, y la mayoría de las preguntas parecen ser para el escenario opuesto al que estoy teniendo (forzar que el teléfono no se reduzca).
Me gustaría que todo el ancho de la página se pueda ver y que el usuario tenga que acercarse para leer el texto.
Lo he intentado con y sin el siguiente código en la cabeza, pero sin efecto aparente.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- I Also tried: -->
<meta name="viewport" content="width=1024, initial-scale=1">
La etiqueta de ventana controla qué parte de la página se mostrará inicialmente, pero la página en sí misma debe diseñarse para que se muestre un tamaño de pantalla de 320x460 en el iPhone sin necesidad de acercarse. Si no desea modificar la estructura de la página, la ventana gráfica le da control sobre cómo se muestra inicialmente la página.
Usando los documentos aquí: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
Parecía que debías ignorar la mayoría de las propiedades de la ventana gráfica y simplemente establecer la escalabilidad del usuario en "sí". Está trabajando en mi iPhone ahora.
<meta name="viewport" content="user-scalable = yes">
Editar :: El sitio del comprobador móvil no permite escalar, por lo que solo da barras de desplazamiento. Con un teléfono real, esto funciona.
intente utilizar diferentes CSS y cambiarlos (lado del servidor) en función de la configuración del cliente. Por ejemplo, el iPhone se identificará a sí mismo como:
HTTP_USER_AGENT=Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en)
AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C25 Safari/419.3
Dependiendo de qué lenguaje de scripting tenga disponible en el lado del servidor, puede cambiar el css.
Here hay un ejemplo.