【重要】サービス終了のお知らせ

いまどきの font-size 事情

21f

License: MIT License

Fork
0
Fav
0
View
1589
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 12 lines
  • CSS 2 lines

Gecko, Trident では相対サイズを指定する smaller/larger の係数が 1.5 なのに対し、Blink エンジンは 1.2 となっている。

また絶対指定のキーワードはほぼ統一された大きさになっている。

== Gecko

  • xx-small: 9px (56.25%)
  • x-small: 10px (62.5%)
  • small: 13px (81.25%)
  • medium: 16px (100%)
  • large: 18px (112.5%)
  • x-large: 24px (150%)
  • xx-large: 32px (200%)

  • smaller: 66.7% (1/1.5)

  • larger: 150%

== Trident

  • xx-small: 8.86px (55.38%)
  • x-small: 10.06px (62.88%)
  • small: 13.33px (83.33%)
  • medium: 16px (100%)
  • large: 18.6px (112.88%)
  • x-large: 24px (150%)
  • xx-large: 32px (200%)

  • smaller: 66.67% (1/1.5)

  • larger: 150%

== Blink

  • xx-small: *10px (9pxから繰り上げ、56.25%)
  • x-small: 10px (62.5%)
  • small: 13px (81.25%)
  • medium: 16px (100%)
  • large: 18px (112.5%)
  • x-large: 24px (150%)
  • xx-large: 32px (200%)

  • smaller: 83.33% (1/1.2)

  • larger: 120%
  • いまどきの font-size 事情
  • いまどきの font-size 事情

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

21f

Author

ちゅん ちゅん

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags