La pensée de la 'zoom' en responsive design

Je suis en train de faire un responsive design avec l'aide de HTML et CSS, voici mon problème:

Si vous redimensionnez la fenêtre, la mise en page s'adapte et si vous ne le zoom, la mise en page s'adapte encore une fois, je n'ai pas de problème avec ça, mais si vous effectuez un zoom avant lorsque la fenêtre est redimensionnée, la mise en page des pauses un peu.

Est-il important de trouver une solution à ce sujet? Je n'ai aucun problème avec 200%, 300% niveaux de zoom, la plupart de 400% ou 500% faire quelques problèmes pour moi.

Zoom du navigateur est de la merde. Les erreurs d'arrondi sur les fractions de pixels pause mises en page. C'est un fait.
Peut-être cet article sur l'utilisation de l'EMs pour les médias requête rompt pourrait être utile? blog.cloudfour.com/...
C'est exactement avec le fait que @Jondlm dit. Afin d'éviter la conception de rompre avec zoom, vous devez utiliser em unité de mesure.
Ok, merci pour l'article je le lis.
Ramasser sur les autres suggestions, susy.oddbird.net est un très bon choix si vous utiliser em en fonction des requêtes de média

OriginalL'auteur user2694307 | 2013-08-26

  1. 7

    En général, un réactif de mise en page n'a pas besoin d'être agrandie car il s'adapte à l'appareil/de la fenêtre du navigateur, et a été conçu pour être le "finger-friendly". Pour cela, vous pouvez utiliser cette viewport d'empêcher les utilisateurs de zoom: 

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    Cela fonctionne sur mon navigateur android merci, mais est-il un moyen de le faire sur Chrome,Firefox ou IE
    Étant donné que ceux sont les navigateurs de bureau, il n'y a pas une "fenêtre" pour ainsi dire. Vous pouvez vérifier les Types de Supports: stackoverflow.com/questions/4787564/...
    Je sais que c'est un vieux répondre à ce point, mais ce complètement ignore les questions comme l'accessibilité. Les personnes avec des troubles de la vision peuvent besoin les options de zoom.
    Exactement! Voici un exemple: css-tricks.com/zooming-squishes

    OriginalL'auteur Lost Left Stack