Qu'est-ce que la mise en page réactive CSS

Cause Parce que de plus en plus d'appareils mobiles intelligents (mobiles, tablettes) rejoignent Internet, l'Internet mobile n'est plus un petit réseau indépendant, mais est devenu un élément important d'Internet. . L'émergence de la conception Web réactive (RWD/AWD) vise à offrir une meilleure expérience pour les appareils mobiles et à intégrer différentes tailles et résolutions d'écran, du bureau aux téléphones mobiles, en utilisant la technologie pour adapter les pages Web aux écrans petits à grands (maintenant à très grands). de différentes résolutions.
Remarque : Responsive Web Design = RWD, Adaptive Web Design = AWD, le même design ci-dessous
RWD : Utilisation de la technologie de requête multimédia CSS
Mise en page fluide (fluide grilles)
Images/vidéos adaptatives et autres ressources
(certaines optimisations sont faites pour les petits, moyens et grands écrans, afin d'utiliser pleinement l'espace d'écran de toute taille)
AWD : Technologie de requête multimédia CSS (conçue uniquement pour un nombre limité de tailles d'écran prédéfinies)
Utiliser Javascript pour exploiter le contenu HTML
Manipuler le contenu HTML côté serveur (par exemple, réduire le contenu pour les terminaux mobiles, réduire le contenu pour terminaux de bureau Fournir plus de contenu)
Idées de design Mobile First (Démarrer depuis le terminal mobile, RWD) : Tout commence à partir du terminal mobile avec le plus petit écran (comme 320px pour iPhone), déterminez d'abord le contenu, puis procédez étape par étape Conception grand écran. Différent de la conception Web originale, qui commence toujours à partir de 1024 pixels sur l'ordinateur de bureau.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!