Mises en page Web: pixels vs pourcentages

Quels sont les cas d'utilisation pour la définition des distances dans une mise en page web pour les pixels et les pourcentages?

Est-il un inconvénient à l'utilisation de pixels à l'égard de plusieurs résolutions? Vont-ils à l'échelle correctement?

double possible de CSS taille de la police: relatifs et absolus des valeurs. Pour l'utiliser?
Les ours vont vous manger autant Que je veux bash ce gars comme vous le faites, sa question est considérablement différent de polices. Alors que l'on affecte la lisibilité, l'autre affecte le visionnement général, jusqu'au point de différentes Interfaces.

OriginalL'auteur checker | 2010-09-02

  1. 6

    Pourcentage de mise en page

    Cela est généralement appelé comme fluide de mise en page. Votre éléments prendra un certain pourcentage de l'espace total disponible. Cette disposition de l'espace est déterminée par celle de l'élément parent.

    Lors de l'utilisation de pourcentage de mises en page, c'est une bonne idée pour spécifier un min-width et max-width sur votre conception de sorte qu'il peut être utilisé à de très basses et hautes résolutions.

    Pros

    1. Échelles avec la taille de l'écran, donc l'utilisation de plus d'espace, s'il est disponible.

    Contre

    1. Fait, il est plus difficile de connaître la position exacte de quelque chose sur l'écran. En conséquence, il peut créer des mises en pages précises plus difficile.
    2. Peut aboutir à des mises en page si les éléments enfants sont de largeur fixe (c'est à dire une image) et finissent par être plus grande que leur liquide largeur parent.

    Pixel disposition

    Ce qui est généralement connu comme disposition fixe. Votre élément sera toujours le même défini la taille de pixel et ne prendra pas disponible espace parent en compte.

    Pros

    1. Savez toujours un élément de la taille exacte.
    2. La création de mise en page précise est plus facile.

    Contre

    1. Vous ne vous sentez pas à l'échelle, avec des résolutions. Votre mise en page sera toujours la même largeur, faire de l'espace perdu, quand les gens ont de hautes résolutions.

    OriginalL'auteur Pat

  2. 2

    Je vais répondre à celle-ci par vous raconter une histoire vraie.

    Nous avons eu un client qui voulait une vue de la carte, composée de divs.

    Tout à coup, il a décidé qu'il voulait zoom.

    J'ai dû changer tous ceux fine des positions des pixels de pourcentages.

    Provoquant l'emballage div de changer la largeur/hauteur (en pixels) relativement, nous avons eu une belle et raisonnable en effet de zoom.

    NB: Pendant la phase de design, j'ai rapidement élaboré un prototype, je vais le chercher pour vous...

    Edit: Nope, rien trouvé, désolé.

    vous pouvez faire juste à côté serveur le script qui va faire le redimensionnement à l'avance et envoyer un tas de différents fichiers css avec les différentes tailles et ont javascript cycle grâce à eux, j'ai fait quelque chose comme ça pour un projet similaire où je voulais le redimensionnement, mais ne veulent pas faire de javascript faire tout le travail, car il peut être buggy.
    Il est effectivement plus rapide de laisser le navigateur faire les différents calculs que le serveur, d'autant que, parfois, le navigateur sait ce qu'il doit redimensionnement alors que le serveur n'a pas (=gaspillage de ressources).
    Non non, le point de POURCENTAGES fut la cause de l'effet de zoom! La seule javasscript partie a été le redimensionnement de la principale emballage div!

    OriginalL'auteur Christian

  3. 1

    Pour les pourcentages, vous devez avoir une valeur de base, de sorte qu'il pourrait être quelque chose comme une image qui a une taille définie en dehors de la CSS, si vous utilisez seulement un pourcentage sur une DIV, par exemple, il n'y a pas de quoi à la base qu'au large de l'exception de la taille réelle, c'est par son être rempli avec du texte, par exemple, de sorte qu'il ne serait pas pratique pour utiliser des pourcentages comme un moyen pour la taille elle comme il le ferait rarement produire le résultat désiré, si vous êtes à la re-dimensionnement de quelque chose avec une taille de pixel, par exemple à l'aide de javascript, vous pouvez redimensionner par un pourcentage qui serait redimensionner la valeur d'origine (en pixels)

    OriginalL'auteur Rick

  4. 1

    Ils font des choses différentes.

    Les valeurs de pixels sont toujours en rapport avec hypothétique pixels sur le périphérique de sortie.
    Pour cent des valeurs concernent le calcul de la taille du bloc contenant (pour les éléments de bloc) ou le bloc contenant la taille de la police (pour les tailles de police).
    Em et le cp valeurs se rapportent à la taille de la police actuelle.

    Si vous souhaitez que votre article, à l'échelle avec son récipient, utiliser des pourcentages. Si vous le souhaitez pour s'adapter à la taille de la police utiliser ems. Si vous ne voulez pas à l'échelle, l'utilisation de pixels.

    Et puis il y a IE6; quiconque "mise en œuvre" CSS dans cette chose, évidemment, n'avait aucune idée de ce que les différentes propriétés CSS étaient censés le faire.

    OriginalL'auteur tdammers

  5. 1

    Être prudent en utilisant des pourcentages, des navigateurs webkit ne pas calculer correctement les pourcentages. C'est que webkit ne pas calculer les sous-pixels corrects.

    Des informations détaillées à propos de ce problème peut être lu ici: Pourcentage de bugs dans webkit

    Je vous recommande de toujours utiliser les pixels n'ont pas de dimensions structure de différences entre les navigateurs.

    OriginalL'auteur John Louros