Quelle est la largeur pour simuler des sites Web pour ordinateur de bureau et mobile maintenant?

La réponse courte est : il n'y en a pas. Si vous souhaitez que votre site Web soit prêt à être utilisé dans le vaste monde sauvage, vous devez garder à l'esprit toute largeur d'écran comprise, disons, entre 480 et 4800 pixels.

1. Quelle taille doit avoir une maquette de site Web?
2. Quelle est la largeur du site Web mobile?
3. Quelle taille d'écran dois-je concevoir pour mobile?
4. Quelle résolution dois-je utiliser pour la conception Web?

Quelle taille doit avoir une maquette de site Web?

Des maquettes doivent être fournies qui sont légèrement plus larges que le conteneur pour montrer ce qui se passe sur les écrans larges. Un conteneur de 1366px nécessiterait une maquette d'environ 1500px de large par exemple. Si le conteneur faisait 1200px de large, une maquette de 1280px de large suffirait pour les tailles de bureau et d'ordinateur portable.

Quelle est la largeur du site Web mobile?

Pour tenter de fournir la meilleure expérience, les navigateurs mobiles affichent la page à une largeur d'écran de bureau (généralement environ 980 pixels, bien que cela varie selon les appareils), puis essaient de rendre le contenu plus beau en augmentant la taille des polices et en adaptant le contenu à écran.

Quelle taille d'écran dois-je concevoir pour mobile?

Concevez pour votre public, d'abord. Conception de 360×640 à 1920×1080. Ne concevez pas pour une taille de moniteur ou une résolution d'écran. Les tailles d'écran et l'état de la fenêtre du navigateur varient selon les visiteurs.
...
Les dix résolutions d'écran les plus courantes.

Quelle résolution dois-je utiliser pour la conception Web?

Quelle est la meilleure taille? Comme déjà mentionné, beaucoup soutiennent que vous devriez au moins optimiser les conceptions de sites Web pour 1024 × 768. Cela devrait rendre un site Web assez beau sur la plupart des résolutions et des appareils.