Navigateur zoomer Solution de contournement mal alignée

Question

J'ai un site Web qui lorsque l'utilisateur effectue un zoom, les lignes ne sont plus alignées exactement dans certaines situations. Malheureusement, je n'ai pas d'exemple à montrer, mais je sais que cela a à voir avec mon manque de compréhension du fonctionnement du zoom. Je suppose que cela a à voir avec des choses comme lorsque vous zoomez, un pixel peut finir par devenir deux pixels parce qu'un seul vieux pixel est dessiné sur la moitié de deux nouveaux pixels, en fonction de la façon dont le zoom affecte l'orientation des pixels. Y a-t-il des solutions de contournement pour gérer le zoom sur les sites Web qui sont très précisément spécifiés, de sorte que même un pixel désactivé est visible?

Answer 1

Il existe deux types de zoom. L'un augmente les polices uniquement et l'autre magnifie uniformément. Si votre problème est le second, il est très douteux que vous puissiez y remédier. Si c'est le premier type, regardez comment vos polices se développent et recherchez les cas où vous voudrez peut-être passer d'unités relatives comme ems à px (en général, les polices spécifiées en px ne zooment pas).

Answer 2

Il y a beaucoup de fonctionnalités du navigateur, qui peut avoir des conceptions être « off par un pixel » autre que le zoom:

différentes polices disponibles, les différents moteurs de rendu des polices, différentes méthodes d'arrondi, différents styles par défaut, bugs navigateur, donc ce n'est pas vraiment un problème de zoom seul.

Il est difficile de donner des suggestions spécifiques, mais à mon humble avis, le mieux est de "travailler avec le médium". Cela commence par le fait que le design original ne soit pas basé sur des pixels ou comme un support "fixe" tel que du papier - en d'autres termes, il commence par expliquer au client/patron/concepteur les possibilités, mais aussi les limites de la conception web. Pour la mise en œuvre actuelle, vous avez besoin de "flux naturel" de HTML/CSS. Évitez les spécifications de taille explicites lorsque vous le pouvez. Plus important, évitez les hauteurs fixes et le positionnement absolu. Il est préférable d'utiliser une table (de préférence en utilisant display: table-* sauf si vous devez supporter IE6) plutôt que d'utiliser le positionnement absolu.

Ce serait mieux si vous avez posté une URL sur votre site, ou au moins un exemple de page, parce que je suis sûr que votre problème n'a rien à voir avec le zoom et tout avec un design inflexible.