Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    379

    utilizzo media query per internet mobile

    Salve, per definire se inserire un div o meno a seconda della grandezza dello schermo posso organizzarmi tramite le media query, desideravo sapere se esiste un altro modo per organizzare i div a seconda che il dispositivo che legge il sito utilizza internet mobile o non lo utilizza.

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Ciao, se parliamo di responsive web design, le media query CSS sono lo strumento più affidabile, versatile e adatto nella stragrande maggioranza dei casi per determinare l'impaginazione degli elementi nella pagina.

    Con la regola @media è possibile impostare le media query all'interno delle regole CSS; oppure attraverso la dichiarazione @import o con l'attributo media del tag <link>, è possibile impostare le media query in modo da condizionare l'uso di differenti fogli di stile per differenti media.

    Esistono poi diverse tecniche a livello programmatico per effettuare il "browser sniffing" sia lato client sia lato server.

    Lato client: attraverso JavaScript è possibile usare proprietà come navigator.userAgent o window.matchMedia o altro ancora per poter dedurre il tipo di dispositivo utilizzato. Qui una guida: Browser detection using the user agent.

    Lato server: con un qualsivoglia linguaggio lato è possibile ricevere informazioni riguardo il browser utilizzato (user agent), prima che il documento sia trasmesso dal server al client stesso. E' possibile quindi leggere a priori l'impronta digitale del browser (device fingerprint) per determinare quale output restituire al client. Qui una raccolta di snippet per vari linguaggi: Detect Mobile Browsers
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    379
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    Ciao, se parliamo di responsive web design, le media query CSS sono lo strumento più affidabile, versatile e adatto nella stragrande maggioranza dei casi per determinare l'impaginazione degli elementi nella pagina.

    Con la regola @media è possibile impostare le media query all'interno delle regole CSS; oppure attraverso la dichiarazione @import o con l'attributo media del tag <link>, è possibile impostare le media query in modo da condizionare l'uso di differenti fogli di stile per differenti media.

    Esistono poi diverse tecniche a livello programmatico per effettuare il "browser sniffing" sia lato client sia lato server.

    Lato client: attraverso JavaScript è possibile usare proprietà come navigator.userAgent o window.matchMedia o altro ancora per poter dedurre il tipo di dispositivo utilizzato. Qui una guida: Browser detection using the user agent.

    Lato server: con un qualsivoglia linguaggio lato è possibile ricevere informazioni riguardo il browser utilizzato (user agent), prima che il documento sia trasmesso dal server al client stesso. E' possibile quindi leggere a priori l'impronta digitale del browser (device fingerprint) per determinare quale output restituire al client. Qui una raccolta di snippet per vari linguaggi: Detect Mobile Browsers
    Ciao Killerworm, grazie mille

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.