Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.
Ambdós costats versió prèvia Revisió prèvia Següent revisió | Revisió prèvia | ||
materialize [2023/02/01 20:23] enric_mieza_sanchez [Primera plantilla Cordova + Materialize] |
materialize [2024/02/05 20:15] (actual) enric_mieza_sanchez [Primera plantilla Cordova + Materialize] |
||
---|---|---|---|
Línia 20: | Línia 20: | ||
===== Context ===== | ===== Context ===== | ||
Tenim bàsicament 2 interessos per treballar amb Materialize CSS: | Tenim bàsicament 2 interessos per treballar amb Materialize CSS: | ||
- | * Si estem treballant en una web que volem que sigui responsive. | + | |
- | * Si estem treballant en aplicacions mòbils basades en HTML i CSS com [[Cordova]]. | + | * Si estem treballant en aplicacions mòbils basades en HTML i CSS com [[Cordova]]. |
Aquest article treballa Materialize assumint que estem en un context del // | Aquest article treballa Materialize assumint que estem en un context del // | ||
Línia 117: | Línia 117: | ||
</ | </ | ||
- | Arrenquem de nou amb el browser i comprovem que a la consola de Javascript no tenim cap error. | + | Arrenquem de nou amb el //browser// i comprovem que a la consola de Javascript no tenim cap error. |
<WRAP important> | <WRAP important> | ||
+ | Si us dona un error tipus: " | ||
+ | |||
+ | Una [[https:// | ||
+ | |||
+ | $ cordova plugin add cordova-plugin-device | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP info> | ||
Ull, perquè el " | Ull, perquè el " | ||
<file html index.html> | <file html index.html> | ||
Línia 171: | Línia 180: | ||
*/ | */ | ||
+ | /* body fix: perquè ocupi tota la pantalla */ | ||
html, body { | html, body { | ||
height: 100vh; | height: 100vh; | ||
Línia 179: | Línia 189: | ||
} | } | ||
+ | /* | ||
+ | * afegir la class tabs-content a cada div de contingut | ||
+ | * per solucionar el contingut scollable de cada pestanya | ||
+ | */ | ||
.tabs-content { | .tabs-content { | ||
height: 100%; | height: 100%; |