- Home
- Categorie
- Coding e Sistemistica
- Help Center: consigli per il tuo progetto
- Caricamento condizionale di un DIV
-
Caricamento condizionale di un DIV
<html>
<body>
<style>
@media screen and (max-width: 1000px){
#miodiv {display:none;}
}
@media screen and (min-width: 1000px){
{display:block;}
}
</style><div id="miodiv">Ciao come stai</div>
</html>
</body>Puoi fare così, nel tuo foglio di stile imposti che se la larghezza della pagina è di 1000px o minore il div è nascosto invece se la larghezza è di almeno 1000px il div viene mostrato.
Quindi con max-width stai dicendo alla pagina che la larghezza non deve superare i 1000px attribuire il display:none invece con min-width stai dicendo alla pagina che se la pagina è larga almeno 1000px deve attribuire il display:block.Spero di esserti stato d'aiuto.
Nota: il contenuto del div sarà nascosto all'occhio dell'utente ma non a quello del motore di ricerca sulle pagine che non superano i 1000px quindi su tablet e smartphone.
-
Flash e ormai obsoleto sui device e anche nel web. Conta che quasi nessun device legge i flash...