La façon de traiter avec différentes résolutions d'écran dans le CSS?

Je suis nouvelle conception de l'INTERFACE utilisateur - je me demandais quelle est la meilleure façon de traiter avec les différentes résolutions d'écran, c'est quand le positionnement des différents éléments HTML?
J'ai pensé à l'aide de %age serait la voie à suivre, mais il s'avère qu'elle ne l'est pas!

OriginalL'auteur aateeque | 2011-01-26

  1. 4

    Vous devriez jeter un oeil à la mise en page liquide. Il s'agit d'une expansion ou de contraction de la page web basée sur un navigateur d'utilisateurs de la taille

    http://www.maxdesign.com.au/articles/liquid/

    http://www.alistapart.com/articles/negativemargins/

    n'est-ce pas le terme "résolution d'écran" plus proche de pixels par pouce? La préoccupation que vous avez adressée est probablement appelé "la taille de l'écran"?
    Ces liens ont été bons, mais pour les gens qui cherchent à 2018 sont un peu mis à jour-à partir de 2003 et 2004. Solution actuelle est d'utiliser un bien testé framework comme Bootstrap, la Conception de Matériaux ou de technologies modernes comme flexbox (qui peut renverser le cours de l'axe horizontal à l'inverse, par exemple, à certaines tailles d'écran), CSS Grilles, et l'utilisation de rems, vh, vw, vmin, vmax...

    OriginalL'auteur Matt Asbury

  2. 8

    À lire ici: http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

    Vous seriez plus intéressé dans @media requêtes, en particulier max-width et min-device-width

    OriginalL'auteur Horia Dragomir

  3. 2

    % est la bonne manière. Si vous commencez à utiliser Javascript pour détecter la résolution et ajuster la conception basée sur le code va se transformer en viande savoureuse spaghetti très rapidement.

    De retour dans la journée, j'étais toujours dit de la conception avec une résolution minimum de 800x600, mais aujourd'hui, je vais toujours en 1024x768 au minimum de résolution.

    Sans plus de détails au sujet des dessins, on ne peut pas vraiment aider plus j'ai peur!

    Tom %âges et JS est ce que je suis à la recherche en train de faire. Qui me semble être le meilleur moyen. Un joli exemples que vous pouvez m'indiquer?

    OriginalL'auteur Tom Gullen

  4. 2

    vérifier 960grid c'est un modèle standard qui est divisible par le plus commun des résolutions d'écran.

    OriginalL'auteur Joseph Le Brech

  5. 0

    D'abord voir si cela fonctionne pour vous.
    remplacer ce tag avec cette

    Maintenant, si, celui de mettre en œuvre cette onload. Cela permettra de réduire de 100% de vos maux de tête et va faire un rapide hack pour les ordinateurs portables avec une résolution de 1366 x 768 écrans sans nuire à l'aspect et la convivialité pour les nouveaux, plus grands et mieux écrans

    var screenHeight = screen.height;
if (screenHeight < 800) {
  $('body').css('zoom', 0.8);
} else {
     $('body').css('zoom', 1);
}

    OriginalL'auteur Frederico Kronemberger Da Cruz