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...