È così che vengono attivati i dispositivi mobili o i siti mobili? Si tratta della risoluzione dello schermo?
Sì, questo è il numero di siti Web che si adattano per adattarsi allo spazio disponibile.
Vedere Web design reattivo
Un modo tipico per ottenere ciò sarebbe avere qualcosa come il seguente in CSS
/* ======== Styling common to all sized devices ======== */
...
/* ========= Styling for desktops ===================== */
@media screen and (min-width: 901px) {
...
/* ========= Styling for tablets ===================== */
@media screen and (min-width: 671px) and (max-width: 900px) {
...
Dove la maggior parte dei CSS (diciamo il 95%) si trova nella prima sezione, che di per sé è adatta ai telefoni. Questo è sovrascritto
nelle sezioni successive per riorganizzare i menu e mostrare barre laterali opzionali ecc.
Pertanto, se ridimensionate la finestra del browser desktop con le stesse dimensioni (in pixel) dello schermo del vostro cellulare, ci si aspetterebbe di vedere lo stesso layout del sito Web ottimizzato per i dispositivi mobili.
I moderni browser tentano molto duramente di fare la "cosa giusta" quando esegui lo zoom. Anche se la finestra non ha cambiato le dimensioni, ingrandiscono il contenuto e riconoscono che questo è, in qualche modo, equivalente a ridurre le dimensioni della finestra - Quindi reinterpretano il CSS di conseguenza.
Non tutti i siti Web funzionano, ma molti cercano ancora di rilevare il dispositivo o il browser e fanno delle scelte in base a questo: questo è un approccio che richiede una manutenzione continua man mano che vengono introdotti nuovi dispositivi e nuovi browser.