2017-03-08 5 views
0

Ich lerne mehr über Aurelia und beim Versuch, einige Layouts von HTML5 nach Aurelia zu migrieren, habe ich festgestellt, dass alles innerhalb einer Aurelia-Vorlage größer aussieht. Selbst das einfachste Layout, das ohne css-Styling oder lib möglich ist, sieht hier größer aus als das reine HTML.Probleme mit der Bildschirmauflösung in verschiedenen Browsern mit Aurelia Framework

Meine Bildschirmauflösung beträgt 1920 x 1080 und in Developer Tools suchen, die HTML-Tag Breite kleiner (1920px Breite in HTML-Datei vs 1280px in Aurelia gerenderte Seite).

Ich habe auch meine App in Google Chrome, Mozilla Firefox und Microsoft Edge ausprobiert und die einzige, die es zeigt, wie es auf beiden Beispielen ist Edge. Hier

ist ein Screenshot von derselben Anwendung auf beiden Browsern: Screenshot

mit Zoom auf Entwicklermodus Spielen entdeckte ich, dass, wenn Sie Zoom setzen: 1.5 auf der linken Seite ein, es die gleiche Größe des rechten bekommt man und Zoom: 0,66 auf der rechten Seite gleich der linken Seite.

Kann jemand das beheben? Ich bin verrückt danach !!

Edit: Hier ist ein weiteres Beispiel mit Chrome und Firefox. Achtung zu den Größen: enter image description here

Kein CSS an diesen Beispielen!

+0

Dies ist eher eine Bootstrap-Frage als eine Aurelia-Frage. Vielleicht möchten Sie es als solches markieren. –

+0

Auch mit nur HTML (ohne CSS) tritt das Problem auf. Deshalb denke ich, dass Aurelia etwas tut, was ich vermisse. –

+0

Hier ist, was ich in Chrome für die gleiche HTML sehen, eine von Aurelia gerenderten, die andere nicht: http://i.imgur.com/XhCdBv9.png Sie sind genau das gleiche, bis auf den Pixel. –

Antwort

0

Da ich nicht gefunden habe, warum es passiert ist, habe ich meine Browser neu installiert und das Problem ist weg! Ich habe es versäumt, den Grund dafür herauszufinden, aber im Moment reicht es mir.

Verwandte Themen