Zoomen in Chrome verursacht CSS-Positionierung-Probleme

Wenn ich Zoomen in und out auf meiner Webseite wird in Google Chrome, Elemente präzise positionieren in relation zu anderen wird die position zu verändern. Das verursacht viele Probleme: Zum Beispiel bei bestimmten zoom-Stufen ein div überlappen sich die div-gerade genug, um zu verbergen, eine Grenze. Ähnlich, manchmal ist ein 100% marker nicht genau line-up mit dem 100% - Punkt.

Gibt es eine Möglichkeit, ich kann dafür sorgen, dass die Positionierung der Elemente im Verhältnis zueinander wird sich nicht ändern, wenn die Seite vergrößert oder verkleinert?

kann u post den code in jsfiddle.net oder geben Sie den link Ihrer Website
Wenn Sie denken, dass Sie einen Fehler gefunden haben, schicken Sie es an crbug.com und dann haben Sie eine chance, wenn es behoben wird.
stackoverflow.com/questions/28223074/...

InformationsquelleAutor dmr | 2012-09-04

  1. 10

    Können Sie em-Positionierung, die neu positionieren und die Größe basiert auf der Schriftgröße. Also wenn Leute wie Ctrl oder Befehl + klicken, dann wird die Seite auto-resize. Hier ist eine Seite über elastische layouts. Hoffe, das hilft.

    http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css

    Von allen Seiten geben Einsteiger-Tipps, CSS -, diese Antwort ist der erste Ort, den ich gefunden habe, noch erwähnen, dass das zoom-problem basiert auf em. Ich nahm einfach alle Seiten, die haben gute zoom-Skalierung nur aus von jemandem, der wusste, fortgeschrittene tricks, und nicht, dass es so einfach war. Danke!
    Vielen Dank für die positive Bewertung!

    InformationsquelleAutor earlonrails

  2. 2

    Meiner Erfahrung, mit einem left: px-Wert und eine top: px-Wert im Vergleich zu Links/unten rechts/unten oder rechts/oben scheint, den trick zu tun. Dies gilt sowohl für Chrome und FF, kann nicht kommentieren, DH.

    Beispiel:

    #my-element
{
  list-style-type: none;
    position: fixed;
    left: 54px;
    top: 40px;
}

    InformationsquelleAutor DnfD

  3. 1

    Dies ist zwar ein altes Thema, ich stolperte über dieses problem. Behoben durch hinzufügen von wrapper-Container zu den "schwer" - Elementen. Also, bevor Sie versuchen zu beheben das element css-vielleicht überprüfen Sie und stellen Sie sicher, dass die content-Wrapper ersten.

    InformationsquelleAutor zarenik

Schreibe einen Kommentar