Алексей Михайлович Бахирев - Сюрреализм на JavaScript

и PX
при font-size = 87.5% (1 em = 14 px).
EM

PX

0.5 em

7 px

1.0 em

EM

PX

EM

PX

EM

PX

EM

Таблица № 4. Соответствие размеров в EM и PX
при font-size = 75% (1 em = 12 px).
PX

EM

PX

EM

PX

EM

PX

EM

PX

EM

PX

EM

PX

EM

PX

10.5 em 147 px 20.5 em 287 px 30.5 em 427 px 40.5 em 567 px 50.5 em 707 px

0.5 em

6 px

10.5 em 126 px 20.5 em 246 px 30.5 em 366 px 40.5 em 486 px 50.5 em 606 px

14 px

11.0 em 154 px 21.0 em 294 px 31.0 em 434 px 41.0 em 574 px 51.0 em 714 px

1.0 em

12 px

11.0 em 132 px 21.0 em 252 px 31.0 em 372 px 41.0 em 492 px 51.0 em 612 px

1.5 em

21 px

11.5 em

161 px 21.5 em 301 px 31.5 em 441 px 41.5 em 581 px 51.5 em 721 px

1.5 em

18 px

11.5 em 138 px 21.5 em 258 px 31.5 em 378 px 41.5 em 498 px 51.5 em 618 px

2.0 em

28 px 12.0 em 168 px 22.0 em 308 px 32.0 em 448 px 42.0 em 588 px 52.0 em 728 px

2.0 em

24 px 12.0 em 144 px 22.0 em 264 px 32.0 em 384 px 42.0 em 504 px 52.0 em 624 px

2.5 em

35 px 12.5 em 175 px 22.5 em 315 px 32.5 em 455 px 42.5 em 595 px 52.5 em 735 px

2.5 em

30 px 12.5 em 150 px 22.5 em 270 px 32.5 em 390 px 42.5 em 510 px 52.5 em 630 px

3.0 em

42 px 13.0 em 182 px 23.0 em 322 px 33.0 em 462 px 43.0 em 602 px 53.0 em 742 px

3.0 em

36 px 13.0 em 156 px 23.0 em 276 px 33.0 em 396 px 43.0 em 516 px 53.0 em 636 px

3.5 em

49 px 13.5 em 189 px 23.5 em 329 px 33.5 em 469 px 43.5 em 609 px 53.5 em 749 px

3.5 em

42 px 13.5 em 162 px 23.5 em 282 px 33.5 em 402 px 43.5 em 522 px 53.5 em 642 px

4.0 em 56 px 14.0 em 196 px 24.0 em 336 px 34.0 em 476 px 44.0 em 616 px 54.0 em 756 px

4.0 em 48 px 14.0 em 168 px 24.0 em 288 px 34.0 em 408 px 44.0 em 528 px 54.0 em 648 px

4.5 em

63 px 14.5 em 203 px 24.5 em 343 px 34.5 em 483 px 44.5 em 623 px 54.5 em 763 px

4.5 em 54 px 14.5 em 174 px 24.5 em 294 px 34.5 em 414 px 44.5 em 534 px 54.5 em 654 px

5.0 em

70 px 15.0 em 210 px 25.0 em 350 px 35.0 em 490 px 45.0 em 630 px 55.0 em 770 px

5.0 em 60 px 15.0 em 180 px 25.0 em 300 px 35.0 em 420 px 45.0 em 540 px 55.0 em 660 px

5.5 em

77 px 15.5 em 217 px 25.5 em 357 px 35.5 em 497 px 45.5 em 637 px 55.5 em 777 px

5.5 em 66 px 15.5 em 186 px 25.5 em 306 px 35.5 em 426 px 45.5 em 546 px 55.5 em 666 px

6.0 em 84 px 16.0 em 224 px 26.0 em 364 px 36.0 em 504 px 46.0 em 644 px 56.0 em 784 px

6.0 em

72 px 16.0 em 192 px 26.0 em 312 px 36.0 em 432 px 46.0 em 552 px 56.0 em 672 px

6.5 em

91 px

16.5 em 231 px 26.5 em 371 px 36.5 em 511 px 46.5 em 651 px 56.5 em 791 px

6.5 em

78 px 16.5 em 198 px 26.5 em 318 px 36.5 em 438 px 46.5 em 558 px 56.5 em 678 px

7.0 em

98 px 17.0 em 238 px 27.0 em 378 px 37.0 em 518 px 47.0 em 658 px 57.0 em 798 px

7.0 em

84 px 17.0 em 204 px 27.0 em 324 px 37.0 em 444 px 47.0 em 564 px 57.0 em 684 px

7.5 em 105 px 17.5 em 245 px 27.5 em 385 px 37.5 em 525 px 47.5 em 665 px 57.5 em 805 px

7.5 em

90 px 17.5 em 210 px 27.5 em 330 px 37.5 em 450 px 47.5 em 570 px 57.5 em 690 px

8.0 em 112 px 18.0 em 252 px 28.0 em 392 px 38.0 em 532 px 48.0 em 672 px 58.0 em 812 px

8.0 em 96 px 18.0 em 216 px 28.0 em 336 px 38.0 em 456 px 48.0 em 576 px 58.0 em 696 px

8.5 em 119 px 18.5 em 259 px 28.5 em 399 px 38.5 em 539 px 48.5 em 679 px 58.5 em 819 px

8.5 em 102 px 18.5 em 222 px 28.5 em 342 px 38.5 em 462 px 48.5 em 582 px 58.5 em 702 px

9.0 em 126 px 19.0 em 266 px 29.0 em 406 px 39.0 em 546 px 49.0 em 686 px 59.0 em 826 px

9.0 em 108 px 19.0 em 228 px 29.0 em 348 px 39.0 em 468 px 49.0 em 588 px 59.0 em 708 px

9.5 em 133 px 19.5 em 273 px 29.5 em 413 px 39.5 em 553 px 49.5 em 693 px 59.5 em 833 px

9.5 em

10.0 em 140 px 20.0 em 280 px 30.0 em 420 px 40.0 em 560 px 50.0 em 700 px 60.0 em 840 px

10.0 em 120 px 20.0 em 240 px 30.0 em 360 px 40.0 em 480 px 50.0 em 600 px 60.0 em 720 px

226

114 px 19.5 em 234 px 29.5 em 354 px 39.5 em 474 px 49.5 em 594 px 59.5 em 714 px

227

Приложение
Таблица № 5. Соответствие размеров в EM и PX
при font-size = 62.5% (1 em = 10 px).
EM

PX

EM

PX

EM

PX

EM

PX

EM

PX

EM

PX

0.5 em

5 px

10.5 em 105 px 20.5 em 205 px 30.5 em 305 px 40.5 em 405 px 50.5 em 505 px

1.0 em

10 px

11.0 em 110 px 21.0 em 210 px 31.0 em 310 px 41.0 em 410 px 51.0 em 510 px

1.5 em

15 px

11.5 em

115 px 21.5 em 215 px 31.5 em 315 px 41.5 em 415 px 51.5 em 515 px

2.0 em 20 px 12.0 em 120 px 22.0 em 220 px 32.0 em 320 px 42.0 em 420 px 52.0 em 520 px
2.5 em

25 px 12.5 em 125 px 22.5 em 225 px 32.5 em 325 px 42.5 em 425 px 52.5 em 525 px

3.0 em

30 px 13.0 em 130 px 23.0 em 230 px 33.0 em 330 px 43.0 em 430 px 53.0 em 530 px

3.5 em

35 px 13.5 em 135 px 23.5 em 235 px 33.5 em 335 px 43.5 em 435 px 53.5 em 535 px

4.0 em 40 px 14.0 em 140 px 24.0 em 240 px 34.0 em 340 px 44.0 em 440 px 54.0 em 540 px
4.5 em 45 px 14.5 em 145 px 24.5 em 245 px 34.5 em 345 px 44.5 em 445 px 54.5 em 545 px
5.0 em 50 px 15.0 em 150 px 25.0 em 250 px 35.0 em 350 px 45.0 em 450 px 55.0 em 550 px
5.5 em

55 px 15.5 em 155 px 25.5 em 255 px 35.5 em 355 px 45.5 em 455 px 55.5 em 555 px

6.0 em 60 px 16.0 em 160 px 26.0 em 260 px 36.0 em 360 px 46.0 em 460 px 56.0 em 560 px
6.5 em

65 px 16.5 em 165 px 26.5 em 265 px 36.5 em 365 px 46.5 em 465 px 56.5 em 565 px

7.0 em

70 px 17.0 em 170 px 27.0 em 270 px 37.0 em 370 px 47.0 em 470 px 57.0 em 570 px

7.5 em

75 px 17.5 em 175 px 27.5 em 275 px 37.5 em 375 px 47.5 em 475 px 57.5 em 575 px

8.0 em 80 px 18.0 em 180 px 28.0 em 280 px 38.0 em 380 px 48.0 em 480 px 58.0 em 580 px
8.5 em 85 px 18.5 em 185 px 28.5 em 285 px 38.5 em 385 px 48.5 em 485 px 58.5 em 585 px
9.0 em 90 px 19.0 em 190 px 29.0 em 290 px 39.0 em 390 px 49.0 em 490 px 59.0 em 590 px
9.5 em

95 px 19.5 em 195 px 29.5 em 295 px 39.5 em 395 px 49.5 em 495 px 59.5 em 595 px

10.0 em 100 px 20.0 em 200 px 30.0 em 300 px 40.0 em 400 px 50.0 em 500 px 60.0 em 600 px

228

--">