CSS responsabile per dispositivi mobili

0

Questo è un modo buono o migliore per configurare un codice HTML di un sito Web per aggiungere utenti mobili?

Le mie pagine del sito aggiungono meta view di default a Googles e tutto il codice è semplice (CSS di base, senza fronzoli), ma scorre bene in schermi stretti.

Utilizza margini del 10% per la leggibilità se è ampia, ma se la larghezza massima dello schermo è < 800 pixel, riduce il margine all'1%.

Le cose estese (immagini o tabelle di grandi dimensioni) utilizzano il margine di 0 pagine e il movimento automatico al centro. Le colonne della tabella si ridurranno alle dimensioni della parola più grande (sono utilizzati alcuni & nbsp;)

La maggior parte delle immagini di dimensioni regolari sono mobili a sinistra o a destra, circondate da testo, ma una schermata stretta mostrerà questo in un unico file. Alcuni & nssp; sono usati per evitare colonne di testo troppo strette.

La mia preoccupazione è, se lo schermo < 800 pixel, imposta anche tutta la larghezza massima IMG al 100%, riducendo le dimensioni delle immagini più grandi per adattarsi allo schermo. È un design "responsabile"? Continua a scaricare byte, ma sembra funzionare bene, ma temo che manchi qualcosa?

    
posta WayneF 04.04.2016 - 18:47
fonte

1 risposta

1

My concern is, if screen < 800 pixels, it also sets all IMG max-width to 100%, reducing the size of larger images to fit to screen. Is that "responsible" design? It still downloads bytes, but seems to work well, but I fear I may be missing something?

Bene, un problema con questo approccio è che stai ancora scaricando un'immagine larga 800px, anche se stai visualizzando un'immagine molto più stretta. Inviando agli utenti mobili un'immagine più piccola sembrerebbe la stessa, ma si caricherebbe più velocemente e consumerebbe meno larghezza di banda dell'utente. Gli utenti mobili tendono ad avere una connettività peggiore rispetto agli utenti desktop, quindi potrebbe essere importante.

    
risposta data 04.04.2016 - 19:11
fonte

Leggi altre domande sui tag