Testo di una pagina cambia in base alla risoluzione di visualizzazione
Autor: Luca O.
Besucht 1470,
Followers 1,
Geteilt 0
Sarebbe possibile far apparire una casella testuale (ed eventualmente con collegamenti ipertestuali) durante la visualizzazione del sito, solo se il dispositivo che si utilizza ha una risoluzione più bassa di una certa soglia?
Grazie
Luca
Gepostet am
Autor
Praticamente, nella pagina in questione, al passo 2, clicco su proprietà, esperto, estensione html e, prima della chiusura del tag head, inserisco questo codice:
<style>
@media screen and (min-width: 960px) {
.onlysmartphone {display:none;}
}
@media screen and (max-width: 1280px) {
.onlydesktop {display:none;}
}
@media screen and (max-width: 1000px) {
.desktoptablet {display:none;}
}
</style>
Nel passo 3, all'interno della pagina, inserisco un oggetto html con scritto:
<div class="onlysmartphone">
...........quello che scrivo qui si vedrà con risoluzione minore di 960 pixel
</div>
Non conosco il codice html quindi non posso darvi una spiegazione di perché, come, ecc..., posso solo dirvi che funziona.