Mise en place mes pages Web sur un moniteur grand écran m'a peut-être amené à créer des positions inexactes div

Question

J'ai récemment mis en place un site Web en utilisant exclusivement un ordinateur avec un moniteur grand écran. Plus tard, lors de l'ouverture des mêmes pages en ligne avec un ordinateur avec un moniteur de plus petite taille, j'ai remarqué tout à coup que toutes les positions div sont complètement hors de propos. Ma question est de savoir comment utiliser le moniteur grand écran pour continuer à développer mes pages Web sans chambouler div positions pour les vues sur les écrans de taille régulière?

Re répond:

Merci pour les gars de conseils. Je suis d'accord que la conception de la page doit être suffisamment souple pour accueillir la plupart des tailles de la fenêtre du navigateur. Toutefois, lorsque u travaillent avec un moniteur grand écran et ne pas prêter attention il est facile de placements surcompenser div et la taille des éléments. Ma question suivante est sur la façon d'être sûr de dimensions régulières de la fenêtre du navigateur et comment forcer ma fenêtre du navigateur dans cette taille?

Merci Cyrène pour me donner des directives avec les outils de développement. Je ne les utiliser et vérifier les différents navigateurs. Mais mon problème ici travaillait exclusivement sur un moniteur grand écran avec le navigateur maximisée. Je ne veux pas faire la même erreur, donc je dois comprendre comment redimensionner ma fenêtre du navigateur avec les bonnes dimensions.

Answer 1

Deux approches de base du haut de ma tête:

1. Redimensionner votre navigateur pour la largeur de votre bureau pris en charge minumum / taille du navigateur.
2. Définir les préférences de bureau pour être de tailles différentes (comme les profils) et basculer entre eux pendant la phase de test.

La vérité est qu'un très bon site à la recherche ne fonctionnera jamais sur toutes les configurations du navigateur. Choisissez un bar et le travail contre cela.

Answer 2

Ne pas maximiser la fenêtre de votre navigateur? Il suffit de se rétrécir horizontalement un peu?

Mais tout site Web qui a une telle forte dépendance de la forme de votre écran est mal conçu. Il doit correspondre à un affichage de taille qui est plus grand que certains au moins (pas d'utilisation de dépenser un effort supplémentaire pour l'adapter sur un écran de pixel 100x100)

Answer 3

Si vous utilisez les outils de développement de IE, vous pouvez redimensionner la fenêtre pour voir ce qu'il ressemblerait à différentes résolutions.

Check it out dans: Outils> Outils de développement> menu Outils> Redimensionner.

Vous aussi voulez vous assurer que vous testez votre site Web sur d'autres combinaisons de navigateurs / OS à tout le moins.