Estoy tratando de optimizar una de mis páginas para iPad. Puede ver mi página de prueba aquí: http://demo.dennismadsen.com/ipad/Div con ancho fijo de representación demasiado ancho en el ipad
Contiene una caja negra con un ancho de 800px. Cuando lo veo en mi iPad y tomar un screenshow, puedo ver, que el cuadro es más cuando la anchura 800px - 837px sobre: http://demo.dennismadsen.com/ipad/screenshot.png
Me pregunto por qué ocurre esto?
Independientemente del ancho real de su sitio web y sus elementos, los dispositivos con iOS intentarán escalar su contenido para una visualización óptima.
parada que sucede al poner esto en su cabecera HTML:
<meta name="viewport" content="initial-scale=1.0;">
Normalmente uso este ' 'que hace que la vista se bloquee en una escala de 1.0, y el usuario no puede zoomable en absoluto. –
@Squeegy Es cierto, pero los usuarios de iOS esperan poder hacer un pellizco y zoom, por lo que no recomendaría rutinariamente a los desarrolladores que deshabiliten esa funcionalidad a menos que sea un requisito específico. – Kalessin
Depende. Si presenta una interfaz de estilo nativo, que se muestra en una vista Web, la gente no esperará que se comporte como una vista web. Y si está diseñando para que se adapte perfectamente al píxel en el dispositivo, no hay mucho beneficio para permitir el acercamiento. –
Compruebe el <meta> -tag por encima de la <title> -tag donde el ancho máximo y el mínimo de ancho definen
uso este código:
<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet">
<link media="screen and (min-device-width: 481px)" href="not-small-device.css" type="text/css" rel="stylesheet">
¿No puede el ipad hacer cosas funky como acercar, alejar? asegúrese de que su pantalla esté al 100%. –