Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di robk
    Registrato dal
    Jan 2014
    residenza
    Selargius (CA), Sardegna
    Messaggi
    10

    Web Responsive Design: sostituire un div con un altro in base al device

    Salve a tutti,
    Sto costruendo un sito e avrei necessità di sostituire una parte di codice html, contenente un div dove al suo interno vi è un menù javascript che appare con mouse hover, con un altro div contenente un menù semplice facilmente visibile sugli smartphone.
    Sarebbe possibile?
    Ho tentato di utlizzare @media only screen[...] ma non so cosa scrivere nella parte html per definire che al posto di quel div ce ne va un altro..
    Grazie ,
    Rob

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    per nascondere del contenuto è possibile nel css impostare dispay:none, quindi in teoria il div col menu "complesso" potrebbe essere nascosto a risoluzioni basse e mostrato a risoluzioni maggiori (alle quali non sarebbe invece visibile il menu semplificato). Ma è una soluzione non ottimale: inutile far caricare il javascript per il menu complesso anche dai dispositivi mobili, il suo caricamento dovrebbe quindi avvenire solo per risoluzioni più alte. Non sapendo come sono fatti i tuoi menu è difficile essere più precisi

Tag per questa discussione

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 © 2025 vBulletin Solutions, Inc. All rights reserved.