2012-02-14 18 views
6

Cuando presiono Ctrl+ en un navegador moderno, la página se acerca, incluidas las imágenes; un efecto similar es evidente al pellizcar y hacer zoom en un dispositivo móvil. Todo en la página se escala proporcionalmente.¿Hacer zoom en el navegador es lo mismo que hacer zoom en un dispositivo móvil?

Mi pregunta es, cuando el buscador amplía y cuando el dispositivo móvil hace zoom ¿están haciendo lo mismo internamente? Estoy específicamente interesado en la relación de píxeles físicos con píxeles de pantalla con píxeles independientes del dispositivo. Este es un dominio que puede convertirse rápidamente en intrincado al considerar consultas de medios y similares.

Editar: Tengo algunas buenas respuestas, mi agradecimiento. Esperaba averiguar cómo difieren desde el punto de vista técnico. es decir, "uno está escalando x, las otras escalas y". ¿Alguna idea aquí?

Respuesta

3

En mis observaciones, no, no son lo mismo. Cuando hago un pellizco-zoom en mi dispositivo móvil, amplía sin afectar el tamaño relativo de la página. Cuando presiono Ctrl + en una PC, la página se ajusta para que quepa en el mismo ancho de píxeles de la pantalla, lo que altera los flujos para ajustar el contenido en menos píxeles "virtuales".

EDITAR: También hay una diferencia entre el pellizco móvil y el zoom de doble toque móvil. He observado que el doble toque-zoom hace afectar el flujo de la página, mientras que pellizcar no lo hace.

En relación con los "píxeles CSS", ¿no resulta evidente cómo se ven afectados los elementos con tamaños definidos en las unidades px? Pareciera que los "píxeles CSS" siguen siendo como estaban destinados al 100%/

+0

El tamaño relativo de página se modifica en un dispositivo móvil hasta cierto punto. Si hago zoom en una página fluida en un dispositivo móvil, el contenido cambiará su envoltura (y, por lo tanto, estoy asumiendo, informó el ancho de la pantalla). – Matt

+0

Su edición depende de la plataforma, mi teléfono Android más antiguo no muestra ninguna diferencia. – Matt

+0

Parece que estaba observando la configuración de "ajuste de texto"; por lo tanto, el tamaño de página relativo permanece igual, pero el texto se envuelve como si fuera fluido. Realmente no me gusta eso: -/ – Matt

0

No, en general los navegadores modifican el CSS del documento existente para cambiar las dimensiones. Los dispositivos móviles escalan una "imagen" del documento.

+0

Veo el mismo efecto. Estoy tratando de ver el fondo de lo que sucede con los "píxeles css" en cada uno, y si los píxeles independientes del dispositivo están relacionados con el acto de acercar o alejar. Estamos, potencialmente, hablando de dos capas de "píxeles virtuales" en la parte superior de la pantalla de píxeles físicos. – Matt

+0

Los algoritmos de zoom del navegador no son universales (IE, webkit, FF). Cómo funciona varía un poco, y a veces rompen el diseño debido a problemas de redondeo. Esto no ocurre con los dispositivos móviles. –

+0

Sí ... Me había dado cuenta de eso. ¿Significa eso que están ajustando la capa [píxel independiente del dispositivo] (http://developer.android.com/guide/practices/screens_support.html#terms)? En última instancia, estoy tratando de establecer el papel futuro de los píxeles en el diseño web. – Matt

0

La respuesta simple es que no, no son lo mismo.

Cuando se utiliza el zoom de pellizco con el teléfono, todo se escala.

al usar ctrl + en un navegador Las reglas de CSS siguen vigentes.

Por ejemplo, si tenía un panel izquierdo que se especificó como 200em, entonces se especificó que el panel derecho se llene automáticamente y cuando se tocó ctrl + el panel derecho ocupará más espacio y se reducirá el espacio utilizado pero el tamaño del texto sería más grande.

Algunas unidades de tratamiento de navegadores son diferentes. Algunos escalan algunos no. Por ejemplo, para algunos navegadores, si se utiliza px para especificar el tamaño, no cambiará incluso cuando se pulse ctrl + (en su mayoría navegadores más antiguos). Como regla general, si desea que las cosas se escalen cuando se toca ctrl + y escala correctamente, a menudo se recomienda la unidad em ya que se basa en el tamaño de fuente que es lo que se escala cuando se presiona ctrl +.

Desafortunadamente, cada navegador maneja el zoom de una manera un tanto diferente y la única forma de asegurarse de que su página se ampliará como es de esperar es probar en el navegador de su interés.

+0

"a menudo recomendado ya que se basa en el tamaño de fuente que es lo que se escala cuando se presiona ctrl +". No estoy seguro de que esto sea cierto en los navegadores modernos; el hecho de que todas las dimensiones de píxeles se escalen, incluidas las dimensiones de la imagen, me lleva a creer que están trabajando en los "píxeles css". – Matt

+0

@Matt Los navegadores modernos verdaderos son muy buenos para escalar cosas como se esperaría que escalasen al tocar ctrl + y es por eso que agregué los "buscadores mayormente antiguos". Todavía hay situaciones en las que las cosas no se escalan como se esperaba. La única unidad que conozco que se escalará de manera predecible es la unidad em. La única manera de saber con certeza cómo se escalará la página es probarla en varios navegadores. – gnash117

Cuestiones relacionadas