Aucun résumé des modifications |
(Test zoom "responsive") |
||
| Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici sera appliqué à tous les habillages. */ | /* Le CSS placé ici sera appliqué à tous les habillages. */ | ||
@media only screen and (max-width: 270px) { | |||
#bodyContent { | |||
zoom: 0.2; | |||
} | |||
} | |||
@media only screen and (min-width: 270px) { | |||
#bodyContent { | |||
zoom: 0.3; | |||
} | |||
} | |||
@media only screen and (min-width: 340px) { | |||
#bodyContent { | |||
zoom: 0.4; | |||
} | |||
} | |||
@media only screen and (min-width: 415px) { | |||
#bodyContent { | |||
zoom: 0.5; | |||
} | |||
} | |||
@media only screen and (min-width: 570px) { | |||
#bodyContent { | |||
zoom: 0.7; | |||
} | |||
} | |||
@media only screen and (min-width: 730px) { | |||
#bodyContent { | |||
zoom: 0.9; | |||
} | |||
} | |||
@media only screen and (min-width: 850px) { | |||
#bodyContent { | |||
zoom: 1; | |||
} | |||
} | |||
Version du 9 février 2024 à 14:36
/* Le CSS placé ici sera appliqué à tous les habillages. */
@media only screen and (max-width: 270px) {
#bodyContent {
zoom: 0.2;
}
}
@media only screen and (min-width: 270px) {
#bodyContent {
zoom: 0.3;
}
}
@media only screen and (min-width: 340px) {
#bodyContent {
zoom: 0.4;
}
}
@media only screen and (min-width: 415px) {
#bodyContent {
zoom: 0.5;
}
}
@media only screen and (min-width: 570px) {
#bodyContent {
zoom: 0.7;
}
}
@media only screen and (min-width: 730px) {
#bodyContent {
zoom: 0.9;
}
}
@media only screen and (min-width: 850px) {
#bodyContent {
zoom: 1;
}
}