HTML-Standardelementgröße (Skalieren von HTML-Seiten)

Question

Gibt es eine Möglichkeit, die wahrscheinliche Größe eines HTML-Elements zu ermitteln, beispielsweise ein H1-Tag in Pixel relativ zur Größe des Ansichtsports.

Ich möchte HTML-Seiten innerhalb von Seiten anzeigen, und ich möchte den Inhalt entsprechend skalieren. Klar, wenn ein Element eine Höhe in px oder ähnlichem angibt, kann ich das leicht nach unten skalieren, aber wenn keine Höhe angegeben ist, wie kann ich fortfahren?

Alle Vorschläge, Hinweise oder Ideen willkommen, es spielt keine Rolle, ob Code in PHP oder Python oder C++ oder ASP ... ist, da ich nach einer Methode suche, nicht Code per se.

Dank

mintydog

Answer 1

body { 
    font-size: 62.5%; 
} 

#container { 
    font-size: 1.0em; /* eq to 10px */ 
} 

Dann font-size oder Element Sizing/Skalierung auf einer Skala wie geschehen wird:

• 1.0em = 10px
• 1.1em = 11px
• 1.2em = 12px
• 2.0em = 20px
• 5.0em = 50px

Wenn Sie Ihre Elemente in einem anderen Div haben, können Sie einfach eine .5em oder etwas hinzufügen, um es zu einer Thumbnail-Version der Site zu machen, solange es der gleichen em-Struktur entspricht. Wenn nicht, müssen Sie Screenshots machen.

Auch wie Itay erwähnt, sollten Sie zuerst mit einem reset.css beginnen, dann tun Sie dies, um es konsistent zu halten. Sie müssen Stile für Tags liks strong, em, Überschriften, usw. erneut anwenden, aber Sie werden immer eine korrekte Basis haben, wenn Sie reset.css-Dateien verwenden, bevor Sie Dinge wie oben tun, wie Eric Meyer's reset.css

Answer 2

einer der Reset-CSS-Dateien Nehmen Sie im Web und nutzen sie (sie so ändern, alle Elemente Größen aufweisen).
Prozentsätze oder EM für Größen verwenden.