Salve a tutti ragazzi,
Da un po' di tempo a questa parte ho letto delle guide relative al cosiddetto design fluido, seppure non nego che i miei interrogativi in merito siano molti.
In realtà, in primo luogo, non capisco quale sia l'obiettivo finale:
-E dunque, vi chiedo, credo bene se credo che un design fluido serva a far si che immagini, div, e altri elementi di natura non scalabili si adattino alla risoluzione dell'utente?
-Nelle varie guide che ho letto si chiedeva, per verificare, di ridimensionare la finestra in larghezza oppure di ridimensionare il testo (rotellina), ebbene cosa si verifica facendo queste due azioni, qual'è il meccanismo alla base?
-Nel mio piccolo, facendo diverse prove, ho scoperto che la proprietà da modificare per far si che un'immagine si adatti alla finestra è min/max -width/heigth con valore espresso in % o em. (poiché u.d.m. relative), a queste aggiungo la proprietà (della specifica CSS3)
. Il problema è che io vorrei avere immagini a tutto schermo (per larghezza) come ci sono nei siti moderni, ma quando imposto
+
questo non avviene
-Come mai non avviene? Non dovrebbe rimanere a tutto schermo quell'immagine e come faccio a impostare che l'altezza dell'immagine dev'essere la propria, ma esprimendolo in %? esempio: immagine (20x20 px) definita con width e heigth entrambe 100% in modo che sia scalare .
Scusate per il numero consistente di domande, alcune un po' complicate da capire lo so, ma sono interrogativi che mi assillano :book:
Da un po' di tempo a questa parte ho letto delle guide relative al cosiddetto design fluido, seppure non nego che i miei interrogativi in merito siano molti.
In realtà, in primo luogo, non capisco quale sia l'obiettivo finale:
-E dunque, vi chiedo, credo bene se credo che un design fluido serva a far si che immagini, div, e altri elementi di natura non scalabili si adattino alla risoluzione dell'utente?
-Nelle varie guide che ho letto si chiedeva, per verificare, di ridimensionare la finestra in larghezza oppure di ridimensionare il testo (rotellina), ebbene cosa si verifica facendo queste due azioni, qual'è il meccanismo alla base?
-Nel mio piccolo, facendo diverse prove, ho scoperto che la proprietà da modificare per far si che un'immagine si adatti alla finestra è min/max -width/heigth con valore espresso in % o em. (poiché u.d.m. relative), a queste aggiungo la proprietà (della specifica CSS3)
Codice:
background-size:cover
Codice:
width:100%
Codice:
heigth: 100%
-Come mai non avviene? Non dovrebbe rimanere a tutto schermo quell'immagine e come faccio a impostare che l'altezza dell'immagine dev'essere la propria, ma esprimendolo in %? esempio: immagine (20x20 px) definita con width e heigth entrambe 100% in modo che sia scalare .
Scusate per il numero consistente di domande, alcune un po' complicate da capire lo so, ma sono interrogativi che mi assillano :book: