たまに必要になってその度に検索していたので作ってみた。
幅を総当りして、割り切れる高さを算出。
See the Pen aspect ratio calc by phantom4 (@phantom4) on CodePen.
以下は、幅1〜1280のときの4:3と16:9のリスト
4:3
- 4, 3
- 8, 6
- 12, 9
- 16, 12
- 20, 15
- 24, 18
- 28, 21
- 32, 24
- 36, 27
- 40, 30
- 44, 33
- 48, 36
- 52, 39
- 56, 42
- 60, 45
- 64, 48
- 68, 51
- 72, 54
- 76, 57
- 80, 60
- 84, 63
- 88, 66
- 92, 69
- 96, 72
- 100, 75
- 104, 78
- 108, 81
- 112, 84
- 116, 87
- 120, 90
- 124, 93
- 128, 96
- 132, 99
- 136, 102
- 140, 105
- 144, 108
- 148, 111
- 152, 114
- 156, 117
- 160, 120
- 164, 123
- 168, 126
- 172, 129
- 176, 132
- 180, 135
- 184, 138
- 188, 141
- 192, 144
- 196, 147
- 200, 150
- 204, 153
- 208, 156
- 212, 159
- 216, 162
- 220, 165
- 224, 168
- 228, 171
- 232, 174
- 236, 177
- 240, 180
- 244, 183
- 248, 186
- 252, 189
- 256, 192
- 260, 195
- 264, 198
- 268, 201
- 272, 204
- 276, 207
- 280, 210
- 284, 213
- 288, 216
- 292, 219
- 296, 222
- 300, 225
- 304, 228
- 308, 231
- 312, 234
- 316, 237
- 320, 240
- 324, 243
- 328, 246
- 332, 249
- 336, 252
- 340, 255
- 344, 258
- 348, 261
- 352, 264
- 356, 267
- 360, 270
- 364, 273
- 368, 276
- 372, 279
- 376, 282
- 380, 285
- 384, 288
- 388, 291
- 392, 294
- 396, 297
- 400, 300
- 404, 303
- 408, 306
- 412, 309
- 416, 312
- 420, 315
- 424, 318
- 428, 321
- 432, 324
- 436, 327
- 440, 330
- 444, 333
- 448, 336
- 452, 339
- 456, 342
- 460, 345
- 464, 348
- 468, 351
- 472, 354
- 476, 357
- 480, 360
- 484, 363
- 488, 366
- 492, 369
- 496, 372
- 500, 375
- 504, 378
- 508, 381
- 512, 384
- 516, 387
- 520, 390
- 524, 393
- 528, 396
- 532, 399
- 536, 402
- 540, 405
- 544, 408
- 548, 411
- 552, 414
- 556, 417
- 560, 420
- 564, 423
- 568, 426
- 572, 429
- 576, 432
- 580, 435
- 584, 438
- 588, 441
- 592, 444
- 596, 447
- 600, 450
- 604, 453
- 608, 456
- 612, 459
- 616, 462
- 620, 465
- 624, 468
- 628, 471
- 632, 474
- 636, 477
- 640, 480
- 644, 483
- 648, 486
- 652, 489
- 656, 492
- 660, 495
- 664, 498
- 668, 501
- 672, 504
- 676, 507
- 680, 510
- 684, 513
- 688, 516
- 692, 519
- 696, 522
- 700, 525
- 704, 528
- 708, 531
- 712, 534
- 716, 537
- 720, 540
- 724, 543
- 728, 546
- 732, 549
- 736, 552
- 740, 555
- 744, 558
- 748, 561
- 752, 564
- 756, 567
- 760, 570
- 764, 573
- 768, 576
- 772, 579
- 776, 582
- 780, 585
- 784, 588
- 788, 591
- 792, 594
- 796, 597
- 800, 600
- 804, 603
- 808, 606
- 812, 609
- 816, 612
- 820, 615
- 824, 618
- 828, 621
- 832, 624
- 836, 627
- 840, 630
- 844, 633
- 848, 636
- 852, 639
- 856, 642
- 860, 645
- 864, 648
- 868, 651
- 872, 654
- 876, 657
- 880, 660
- 884, 663
- 888, 666
- 892, 669
- 896, 672
- 900, 675
- 904, 678
- 908, 681
- 912, 684
- 916, 687
- 920, 690
- 924, 693
- 928, 696
- 932, 699
- 936, 702
- 940, 705
- 944, 708
- 948, 711
- 952, 714
- 956, 717
- 960, 720
- 964, 723
- 968, 726
- 972, 729
- 976, 732
- 980, 735
- 984, 738
- 988, 741
- 992, 744
- 996, 747
- 1000, 750
- 1004, 753
- 1008, 756
- 1012, 759
- 1016, 762
- 1020, 765
- 1024, 768
- 1028, 771
- 1032, 774
- 1036, 777
- 1040, 780
- 1044, 783
- 1048, 786
- 1052, 789
- 1056, 792
- 1060, 795
- 1064, 798
- 1068, 801
- 1072, 804
- 1076, 807
- 1080, 810
- 1084, 813
- 1088, 816
- 1092, 819
- 1096, 822
- 1100, 825
- 1104, 828
- 1108, 831
- 1112, 834
- 1116, 837
- 1120, 840
- 1124, 843
- 1128, 846
- 1132, 849
- 1136, 852
- 1140, 855
- 1144, 858
- 1148, 861
- 1152, 864
- 1156, 867
- 1160, 870
- 1164, 873
- 1168, 876
- 1172, 879
- 1176, 882
- 1180, 885
- 1184, 888
- 1188, 891
- 1192, 894
- 1196, 897
- 1200, 900
- 1204, 903
- 1208, 906
- 1212, 909
- 1216, 912
- 1220, 915
- 1224, 918
- 1228, 921
- 1232, 924
- 1236, 927
- 1240, 930
- 1244, 933
- 1248, 936
- 1252, 939
- 1256, 942
- 1260, 945
- 1264, 948
- 1268, 951
- 1272, 954
- 1276, 957
- 1280, 960
16:9
- 16, 9
- 32, 18
- 48, 27
- 64, 36
- 80, 45
- 96, 54
- 112, 63
- 128, 72
- 144, 81
- 160, 90
- 176, 99
- 192, 108
- 208, 117
- 224, 126
- 240, 135
- 256, 144
- 272, 153
- 288, 162
- 304, 171
- 320, 180
- 336, 189
- 352, 198
- 368, 207
- 384, 216
- 400, 225
- 416, 234
- 432, 243
- 448, 252
- 464, 261
- 480, 270
- 496, 279
- 512, 288
- 528, 297
- 544, 306
- 560, 315
- 576, 324
- 592, 333
- 608, 342
- 624, 351
- 640, 360
- 656, 369
- 672, 378
- 688, 387
- 704, 396
- 720, 405
- 736, 414
- 752, 423
- 768, 432
- 784, 441
- 800, 450
- 816, 459
- 832, 468
- 848, 477
- 864, 486
- 880, 495
- 896, 504
- 912, 513
- 928, 522
- 944, 531
- 960, 540
- 976, 549
- 992, 558
- 1008, 567
- 1024, 576
- 1040, 585
- 1056, 594
- 1072, 603
- 1088, 612
- 1104, 621
- 1120, 630
- 1136, 639
- 1152, 648
- 1168, 657
- 1184, 666
- 1200, 675
- 1216, 684
- 1232, 693
- 1248, 702
- 1264, 711
- 1280, 720
更新
2020/12/31
Codepenをアップデートしました。（スクロールで次の100件を表示）
2018/7/10
Codepenをアップデートしました。
2016/11/29
UIを作りました。