Revise smart, understand Better

5/30 MCQs for:

DÉVELOPPEMENT WEB : Conception Web réactive (Responsive Web Design)

Quelle propriété CSS est utilisée pour rendre la disposition d'un site web responsive ?

media query.

width: 100%;.

max-width: 100%;.

display: block;.

Lequel des éléments suivants est la manière correcte d'écrire une requête media pour les écrans de moins de 600px de large ?

@media (max-width: 600px) { ... }.

@media (max-height: 600px) { ... }.

@media (min-width: 600px) { ... }.

@media (width: 600px) { ... }.

Quel est l'avantage d'utiliser CSS Grid plutôt que Flexbox pour des mises en page complexes ?

Flexbox ne peut pas être utilisé pour des designs responsives.

CSS Grid est plus flexible pour les mises en page unidimensionnelles.

CSS Grid est moins efficace que Flexbox.

CSS Grid est mieux adapté aux mises en page à deux dimensions (à la fois les lignes et les colonnes).

Lequel des éléments suivants est un avantage de l'approche mobile-first ?

Elle ne nécessite pas de requêtes media.

Elle se concentre sur le design pour les ordinateurs de bureau en premier, puis s'adapte aux mobiles.

Elle se concentre sur la création de designs pour les plus petits écrans en premier, garantissant l'accessibilité et la performance pour les utilisateurs mobiles.

Elle limite le design uniquement aux appareils mobiles.

Quelle propriété CSS est utilisée pour garantir qu'une image s'adapte correctement à son conteneur, quelle que soit la taille de l'écran ?

width: 50%;.

height: auto;.

max-width: 100%;.

display: block;.