(Test zoom "responsive") |
(Responsive tables) |
||
Ligne 21 : | Ligne 21 : | ||
#bodyContent { | #bodyContent { | ||
zoom: 0.5; | zoom: 0.5; | ||
} | |||
tr { | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
} | } | ||
} | } | ||
Ligne 34 : | Ligne 39 : | ||
#bodyContent { | #bodyContent { | ||
zoom: 0.9; | zoom: 0.9; | ||
} | |||
tr { | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
} | } | ||
} | } | ||
Ligne 42 : | Ligne 52 : | ||
} | } | ||
} | } | ||
table { | |||
border: none; | |||
} |
Version du 9 février 2024 à 15:13
/* 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; } tr { display: flex; flex-direction: row; align-items: center; } } @media only screen and (min-width: 570px) { #bodyContent { zoom: 0.7; } } @media only screen and (min-width: 730px) { #bodyContent { zoom: 0.9; } tr { display: flex; flex-direction: row; align-items: center; } } @media only screen and (min-width: 850px) { #bodyContent { zoom: 1; } } table { border: none; }