iPad 3, páginas web y tamaños especificados en píxeles -- resolution campo con ipad camp apple Relacionados El problema

iPad 3, web pages and pixel-specified sizes


1
vote

problema

Español

El iPad 3 es un gran paso adelante en la resolución de pantalla de modelos anteriores, que es bueno.

Sin embargo, tengo curiosidad por cómo ocurre esto con las páginas web que especifican el tamaño de los elementos en los píxeles. Si tomó tales instrucciones literalmente, presumiblemente necesitaría una lupa para leer los resultados (o más prácticamente, para usar la función de zoom en cada página).

¿El navegador web del iPad toma esto en cuenta y multiplica los tamaños especificados por algún factor de conversión razonable para terminar con tamaños de elementos que funcionan bien en la pantalla de alta resolución?

Original en ingles

The iPad 3 is a big step forward in screen resolution from earlier models, which is good.

However, I'm curious about how this interacts with webpages that specify the size of elements in pixels. If it took such instructions literally, presumably you would need a magnifying glass to read the results (or more practically, to use the zoom function on every page).

Does the iPad web browser take this into account and multiply specified sizes by some reasonable conversion factor to end up with element sizes that work well on the high-resolution screen?

     

Lista de respuestas

1
 
vote
vote
La mejor respuesta
 

de acuerdo con quirksmode , un "píxel" es "esencialmente una construcción abstracta creada específicamente para los desarrolladores web de EE. UU.". En otras palabras, sí, el navegador web del iPad, y otros navegadores (y otras aplicaciones) en la misma situación, manejan esto sin problemas. Puedes leer más sobre esto en la publicación de QuirksBlog.

 

According to Quirksmode, a "pixel" is "essentially an abstract construct created specifically for us web developers". In other words, yes - the iPad web browser, and other browsers (and other applications!) in the same situation handle this smoothly. You can read more about this in the QuirksBlog post.

 
 
 
 
1
 
vote

Considere que en Retrato, el iPad original tiene solo 768 píxeles a través. Esto es demasiado estrecho para muchos / la mayoría de los diseños de la página web. Entonces, en cambio, hace que la página sea que fuera de 980 píxeles. Luego disminuye eso para adaptarse al píxel de la pantalla real, encogiéndose gráficos. También se desempeña con el texto de modo que quede claro, lo hace directamente (en lugar de rasterizar y luego encogerse, lo que lo hará borrosa).

Con una pantalla de retina, todavía actúa como si fuera 980, pero ahora lo abastece todo. El texto ahora es muy afilado. Con elementos de imagen, si el gráfico en realidad tiene más resolución que el tamaño declarado, se mostrará en la mejor resolución posible. (Por ejemplo, el elemento es el Ancho de IMG = "980", pero ese gráfico en particular tiene 1536 píxeles de ancho. Es un gráfico de "ancho completo", por lo que verías todos los píxeles, a pesar de que es "solo "980 píxeles en tamaño.)

 

Consider that in portrait, the original iPad is only 768 pixels across. This is too narrow for many/most web page layouts. So instead, it renders the page as if it was 980 pixels across. Then it downsizes that to fit the actual screen pixel, shrinking graphics. It also fiddles with the text so that it is clear, rendering it directly (instead of rasterizing and then shrinking, which would make it fuzzy).

With a Retina display, it still acts as if it is 980 across, but now it upsizes everything. Text is now very sharp. With image elements, if the graphic actually has more resolution than the declared size, it will be shown at the best possible resolution. (For example, the element is IMG WIDTH="980", but that particular graphic is 1536 pixels across. It's a "full-width" graphic, so you'd see every pixel one-for-one, even though it's "only" 980 pixels in size.)

 
 
0
 
vote

Puede ser problemático, pero Safari intenta escalar la página ... Piense cuando doble toque un bloque de texto, y usted está "ampliado" a un texto más grande. Aún así, las cosas pueden hacer de manera loca. Ayuda mucho a pensar en el tamaño de la vista en lugar de la resolución de la pantalla ... y las relaciones de la ventana / alineación / escala. De particular valor en el control de la experiencia está configurando la etiqueta META de la vista en los encabezados de la página cuidadosamente.

Buena pregunta: con la explotación de propiedad del iPad (el 19% de los hogares estadounidenses hace unos meses y se compró total a los cientos de millones, la representación de la tableta no se puede ignorar. No es suficiente para detectar el agente del navegador. y reenviar a las personas al sitio "móvil" que está optimizado para teléfonos inteligentes.

 

It can be problematic, but Safari does attempt to scale the page ... Think of when you double tap a block of text, and you are "zoomed in" to larger text. Still, things can render in crazy ways. It helps a lot to think about the viewport size rather than screen resolution ... And viewport/alignment/scale relationships. Of particular value in controlling the experience is setting the viewport meta tag in page headers thoughtfully.

Good question -- with iPad ownership exploding (19% of US households a few months back, and total purchased going into the hundreds of millions, tablet rendering can't be ignored. It isn't enough to detect the browser agent and forward people to the "mobile" site that is optimized for smartphones.

 
 

Relacionados problema

2  MacBook Air con Pregunta de Resolución de Pantalla Retina  ( Macbook air with retina display resolution question ) 
Recientemente compré un nuevo MacBook Air con la pantalla de 2560 x 1600. Noté que mi resolución no parecía ser ni siquiera 1080 cuando me estaba conectando c...

1  Establecer la resolución de fotos de iPhone predeterminada [duplicado]  ( Set iphone photo resolution default ) 
Esta pregunta ya tiene respuestas aquí : ¿Cómo puedo cambiar la resolución de la cámara de mi iPhone...

2  MacBook Pro 15 "Mid 2012, pantalla externa @ 2560 x 1600 en pantalla 4K a través de DisplayPort?  ( Macbook pro 15 mid 2012 external display 2560 x 1600 on 4k screen via displa ) 
Tengo un MacBook Pro 15 "Mid 2012, y quiero agregar una pantalla externa en ejecución a 2560 x 1600. Dado que quiero una pantalla de prueba futura, compré ...

3  ¿Dónde está la configuración "Abrir en baja resolución" almacenada para una aplicación?  ( Where is the open in low resolution setting stored for an app ) 
Me gustaría escribir la apertura de una aplicación, que normalmente se usa en la resolución de la retina, para abrir en baja resolución. Configurar la conf...

2  ¿Cómo descargo las fotos de resolución completa en mi iPhone (8+) para usar fuera de línea? [duplicar]  ( How do i download full resolution photos on my iphone 8 to use offline ) 
Esta pregunta ya tiene respuestas aquí : ¿"descargar y mantener original" requiere sincronización ma...

9  Insertar PDF basado en vectores a PowerPoint sin perder resolución  ( Insert vector based pdf to powerpoint without losing resolution ) 
Parece que no hay solución para insertar una figura basada en vector (por ejemplo, PDF) en MS Office (Word y PowerPoint). Otros han sugerido convertir la imag...

1  Visualización borrosa en Windows 10 en VMware Fusion Pro en MacBook Pro Retina  ( Blurry display in windows 10 on vmware fusion pro on macbook pro retina ) 
Tengo un MacBook Pro Retina de 15 pulgadas de mediados de 2015 con El Captian en él. Recientemente instalé VMware Fusion Pro en eso y creó una nueva máquina v...

1  ¿La mitad de la resolución en las pantallas de la retina realmente se ve igual que nativa?  ( Does half resolution on retina displays really look the same as native ) 
Si ejecuta una pantalla de retina a la mitad de la resolución exactamente (es decir, 1280x800 en un MacBook Pro 13 "Retina MacBook Pro [nativo 2560x1600]), qu...

4  ¿Puede el video de IPAD 3 Play 2048 × 1536 en su resolución nativa?  ( Can ipad 3 play 2048%c3%971536 video in its native resolution ) 
¿Puede la tercera generación iPad Play 2048 × 1536 videos en su resolución nativa? He convertido unas 4k imágenes a 2048 × 1536 MP4s utilizando compresor de...

0  ¿Cómo capturar una pantalla de alta calidad en 1920 x 1080?  ( How to capture a high quality screeshot in 1920 x 1080 ) 
Quiero hacer que las capturas de pantalla de 1920 x 1080 de toda la pantalla, pero no hay una opción de 1920 x 1080 en el menú Mostrar. Hay una opción de 19...

2  ¿Cómo cambia el DPI de exportación de Microsoft PowerPoint?  ( How do you change the export dpi of microsoft powerpoint ) 
Office 2016 tiene opción en la versión de Windows para alterar el export-dpi de PowerPoint por Edición de una clave de registro , HKEY_CURRENT_USERSoftwar...

2  Las fuentes aparecen borrosas al conectar mi Mac a un monitor externo  ( Fonts appear fuzzy when connecting my mac to an external monitor ) 
He estado teniendo este problema durante mucho tiempo y no puedo obtener mi cabeza alrededor. Cuando conecto mi MacBook Pro 2015 a un monitor externo de 192...

6  Deshabilitar la resolución HIDPI  ( Disable hidpi resolution ) 
My MacOS High Sierra Install sigue cambiando a 720p HIDPI en lugar de funcionamiento en el nativo 1440p. Cuando hago clic en la configuración de 1440P, me m...

0  Arreglando mi frecuencia de actualización  ( Fixing my refresh rate ) 
Espero que este sea el lugar correcto para publicar esta pregunta. Me estoy volviendo loco desde hace 2 días tratando de habilitar 60Hz en mi pantalla externa...

7  A principios de 2015 MacBook Air y dos monitores externos: ¿Cómo hacerlo y la máxima resolución?  ( Early 2015 macbook air and two external monitors how to do it and maximum resol ) 
Tengo un MacBook Air de principios de 2015 13 "con gráficos Intel HD 6000 1536 MB. Estoy tratando de averiguar cuáles son sus capacidades en términos de conec...




© 2021 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos