Maintenant, je travaille sur le site officiel mobile de l'entreprise. J'utilise la mise en page rem, le psd est de 750 et il est réalisé selon la norme iPhone 6. Cependant, il se bloque lorsque je passe à d'autres appareils. ajuster cela ? Dois-je utiliser la requête multimédia ? Je pense que cela doit être beaucoup modifié. Style 
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Avis personnel : Pour les grands conteneurs, comme le positionnement du graphique composé de vos deux grands cercles, vous pouvez utiliser rem comme unité, mais certains détails internes, comme les ressources, l'équipement et le personnel. . . Il est préférable de ne pas définir ces petites icônes en unités rem, mais d'utiliser px pour les positionner. Étant donné que la distance de positionnement définie par elle-même n'est pas très grande, les valeurs calculées à l'aide de px et rem ne sont en réalité pas très différentes, et l'utilisation de px comme unité ne provoquera pas de confusion selon l'appareil.
Il est recommandé d'en faire une toile
Parce qu'il n'appartient pas à la disposition carrée, s'il y a autant d'éléments circulaires et irréguliers, dans un souci d'efficacité du développement, il est recommandé de réaliser des tableaux en plusieurs tailles classiques (ou celles avec le plus grand nombre de clients), et d'autres résolutions peuvent être adaptées à proximité.
Si vous n'avez pas besoin de cliquer, vous pouvez créer directement une image. Si vous avez besoin de cliquer ou d'interagir, vous pouvez l'écrire vous-même
.Le navigateur varie considérablement. Regardez-le simplement sur votre appareil. Vous pouvez donner à la fenêtre une largeur fixe et la laisser s'étirer toute seule
Il est tout simplement illusoire de s'appuyer sur un seul projet de conception pour transformer une image en un seul écran et s'adapter à différents appareils. Votre image 16:9 ne sera certainement pas entièrement adaptable aux appareils 4:3, et il existe également différents navigateurs mélangés. , et certaines applications compliquées telles que WeChat. Tout ce que vous avez à faire est de faire un choix. Devriez-vous dépenser beaucoup d'argent pour vous adapter complètement, ou devriez-vous rétrograder dans des conditions tolérables ? Généralement, les pages qui peuvent être facilement transformées en un seul écran et s'adapter à la plupart des appareils ont un contenu relativement petit et l'arrière-plan n'est pas une image complexe.
Celui comme le vôtre est évidemment intercepté. Il faut soit créer une barre de défilement (en fait je pense que ce n'est rien) soit ajuster manuellement la position du contenu. Il n'y a en fait aucun problème avec l'utilisation de rem. La clé est de savoir si vous avez une plage fixe. La plupart de mes H5 sont écrits en rem, ainsi qu'en disposition flexible.
Par exemple : lorsque vous calculez la position, vous devez la calculer en fonction de la position sur le brouillon de conception ----- Si la position de votre image est à gauche : 320 px en haut : 80 px du brouillon de conception (largeur 750) ; en supposant que la taille de la police : 120 px ; la position est de 320/750 = 0,427rem ; 80/750 = 0,107rem ;
.Veuillez vous assurer que la largeur de votre conteneur est de 750 px (largeur maximale : 6,25rem) lors de la mise en page, quelle que soit la taille de la fenêtre du navigateur ; modifications apportées au conteneur Il a toujours été mis à l'échelle proportionnellement. Désormais, vous n'avez besoin que de la taille de police du média html
Vous pouvez jeter un œil aux style.css et custom.css de mon projet #container http://lonelymoon.linux2.jiuh...
padding-top : pourcentage ;