iPad 3, pagine web e dimensioni specificate per pixel

1

L'iPad 3 è un grande passo avanti nella risoluzione dello schermo rispetto ai modelli precedenti, che è buono.

Tuttavia, sono curioso di sapere come questo interagisce con le pagine web che specificano la dimensione degli elementi in pixel. Se avesse preso queste istruzioni alla lettera, presumibilmente avresti bisogno di una lente d'ingrandimento per leggere i risultati (o più praticamente, per usare la funzione di zoom su ogni pagina).

Il browser web dell'iPad prende questo in considerazione e moltiplica le dimensioni specificate di un ragionevole fattore di conversione per finire con le dimensioni degli elementi che funzionano bene sullo schermo ad alta risoluzione?

    
posta rwallace 04.05.2012 - 22:33
fonte

3 risposte

1

Secondo Quirksmode , un "pixel" è "essenzialmente un costrutto astratto creato appositamente per noi sviluppatori web". In altre parole, sì: il browser web dell'iPad e altri browser (e altre applicazioni!) Nella stessa situazione gestiscono senza problemi. Puoi leggere ulteriori informazioni al riguardo nel post di QuirksBlog.

    
risposta data 05.05.2012 - 00:05
fonte
1

Considera che in verticale, l'iPad originale ha solo 768 pixel. Questo è troppo stretto per molti / molti layout di pagine web. Quindi, invece, rende la pagina come se fosse di 980 pixel. Quindi ridimensiona quello per adattarsi al pixel dello schermo reale, restringendo la grafica. Integra anche il testo in modo che sia chiaro, rendendolo direttamente (invece di rasterizzare e poi ridurre, il che lo renderebbe sfocato).

Con un display Retina, si comporta ancora come se fosse 980, ma ora aumenta tutto. Il testo è ora molto nitido. Con gli elementi immagine, se l'immagine ha effettivamente una risoluzione maggiore della dimensione dichiarata, verrà mostrata alla migliore risoluzione possibile. (Ad esempio, l'elemento è IMG WIDTH="980", ma quel particolare grafico ha una larghezza di 1536 pixel. È una grafica a "larghezza intera", quindi vedresti ogni pixel uno per uno, anche se è "solo" "Dimensioni di 980 pixel.)

    
risposta data 05.05.2012 - 01:04
fonte
0

Può essere problematico, ma Safari tenta di ridimensionare la pagina ... Pensa a quando tocchi due volte un blocco di testo e sei "ingrandito" a un testo più grande. Tuttavia, le cose possono rendere in pazzi modi. Aiuta molto a pensare alle dimensioni del viewport piuttosto che alla risoluzione dello schermo ... E alle relazioni viewport / allineamento / scala. Di particolare valore nel controllo dell'esperienza sta impostando il meta tag della viewport in modo pensieroso nelle intestazioni di pagina.

Buona domanda: con l'esplosione della proprietà dell'iPad (il 19% delle famiglie statunitensi qualche mese fa, e il totale acquistato è arrivato a centinaia di milioni, il rendering della tavoletta non può essere ignorato. Non è sufficiente rilevare l'agente del browser e inoltrare le persone al sito "mobile" ottimizzato per gli smartphone.

    
risposta data 06.05.2012 - 04:03
fonte

Leggi altre domande sui tag