Realschule Georg-Eckert-Straße


Das ist normaler Text - ohne weitere Vorgaben... vermutlich 16er Größe...
Das ist 16er Text - mit fontsize definiert!

Das ist 18er Text - mit fontsize definiert!
Das ist 18er Text - als xfss_norm im CSS definiert!



Das ist 16er Text - mit fontsize definiert!


Das ist 16er Text in einer Box (80%)... handgemacht


Das ist 16er Text in einer Box (50%)... handgemacht


Das ist 20er Text in einer Box (50%)... handgemacht


Das ist 20er Text in einer Box (50%)... handgemacht



Damit wäre bewiesen: Text wird prozentual verkleinert, wenn eine Box verkleinert wird. Zumindest im HANDY. Im normaler PC-Browser scheint alles ganz normal zu sein...

Warum ???

... Alle folgenden jeweils 3 Boxen haben die gleiche Schrift, direkt aus dem CSS:
All diese Texte müssten ALLE gleichgroß sein:

Maßeinheit: Pixel

Das ist ein 20er Text. Er ist css-definiert als 100%-Box.

Das ist ein 20er Text. Er ist css-definiert als 80%-Box.

Das ist ein 20er Text. Er ist css-definiert als 50%-Box.


Maßeinheit: EM

Das ist ein 2em Text. Er ist css-definiert als 100%-Box.

Das ist ein 2em Text. Er ist css-definiert als 80%-Box.

Das ist ein 2em Text. Er ist css-definiert als 50%-Box.


Maßeinheit: Prozent

Das ist ein 150% Text. Er ist css-definiert als 100%-Box.

Das ist ein 150% Text. Er ist css-definiert als 80%-Box.

Das ist ein 150% Text. Er ist css-definiert als 50%-Box.


Maßeinheit: VW

Das ist ein 2vw Text. Er ist css-definiert als 100%-Box.

Das ist ein 2vw Text. Er ist css-definiert als 80%-Box.

Das ist ein 2vw Text. Er ist css-definiert als 50%-Box.


Der identische Text erscheint unterschiedlich groß. Es liegt NICHT an Border-Box. Ist schon komisch...







©  2017

A-Team inside
Daryl @ Leia @ Benny