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; } }