• Controllo responsive su EVO17 1 1
Currently:  

Autore Topic: Controllo responsive su EVO17  (Letto 2077 volte)

giancarlobar

  • Nuovo arrivato
  • *
  • Post: 98
Controllo responsive su EVO17
« il: 12 Gennaio, 2019, 10:32:51 »
Salve, su una riga ho 4 oggetti utilizzando la PRO posso decidere come e quando dividerli a risoluzioni inferiori cosa che non e fattibile sulla EVO,
ad una certa risoluzione volevo mandare a a capo 2 due dei quattro oggetti e cioè incolonnati due sopra e due sotto ho fatto diversi tentativi ma senza esito
uno era questo e mi funzionava sulle vecchie versioni:


Codice: [Seleziona]
@media (max-width: 1399px) and (min-width: 720px) {
  imPageRow_3 div {
    width: 100%;
    clear: none;
  }
  imPageRow_3 > div {
    width: 50%;
    box-sizing: border-box;
  }
}


altra prova
Codice: [Seleziona]
@media (max-width: 1399px) and (min-width: 720px) {
#imPageRowContent_3,
#imPageRow_3 div[id^="imCell"] {
  width: 100%;
   height: auto!important;
  }

  imPageRow_3 > div {
    width: 50%;
    box-sizing: border-box;
  }
}
ma niente...
grazie per l'eventuale aiuto...

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:Controllo responsive su EVO17
« Risposta #1 il: 13 Gennaio, 2019, 14:39:42 »
Con il CSS Grid Layout introdotto nella 17, devi "lavorare" con le proprietà grid-column e grid-row per disporre gli oggetti.
I valori di tali proprietà, variano anche in base al numero di colonne inserite (da programma) nella Griglia di impaginazione.

Per avere un'idea dai un'occhiata ai CSS generati da WS usando, per esempio, "Analizza elemento" di Firefox.

Ti consiglio anche di dare una bella lettura, per esempio, qui:

https://www.w3schools.com/css/css_grid.asp
https://www.w3schools.com/css/css_grid_container.asp
https://www.w3schools.com/css/css_grid_item.asp