px -> vw 早見表
| 640px幅デザイン時 | 750px幅デザイン時 | |
|---|---|---|
| 10 px | 1.57vw | 1.34vw |
| 11 px | 1.72vw | 1.47vw |
| 12 px | 1.88vw | 1.6vw |
| 13 px | 2.04vw | 1.74vw |
| 14 px | 2.19vw | 1.87vw |
| 15 px | 2.35vw | 2vw |
| 16 px | 2.5vw | 2.14vw |
| 17 px | 2.66vw | 2.27vw |
| 18 px | 2.82vw | 2.4vw |
| 19 px | 2.97vw | 2.54vw |
| 20 px | 3.13vw | 2.67vw |
| 21 px | 3.29vw | 2.8vw |
| 22 px | 3.44vw | 2.94vw |
| 23 px | 3.6vw | 3.07vw |
| 24 px | 3.75vw | 3.2vw |
| 25 px | 3.91vw | 3.34vw |
| 26 px | 4.07vw | 3.47vw |
| 27 px | 4.22vw | 3.6vw |
| 28 px | 4.38vw | 3.74vw |
| 29 px | 4.54vw | 3.87vw |
| 30 px | 4.69vw | 4vw |
| 31 px | 4.85vw | 4.14vw |
| 32 px | 5vw | 4.27vw |
| 33 px | 5.16vw | 4.4vw |
| 34 px | 5.32vw | 4.54vw |
| 35 px | 5.47vw | 4.67vw |
| 36 px | 5.63vw | 4.8vw |
| 37 px | 5.79vw | 4.94vw |
| 38 px | 5.94vw | 5.07vw |
| 39 px | 6.1vw | 5.2vw |
| 40 px | 6.25vw | 5.34vw |
| 41 px | 6.41vw | 5.47vw |
| 42 px | 6.57vw | 5.6vw |
| 43 px | 6.72vw | 5.74vw |
| 44 px | 6.88vw | 5.87vw |
| 45 px | 7.04vw | 6vw |
| 46 px | 7.19vw | 6.14vw |
| 47 px | 7.35vw | 6.27vw |
| 48 px | 7.5vw | 6.4vw |
| 49 px | 7.66vw | 6.54vw |
| 50 px | 7.82vw | 6.67vw |
| 51 px | 7.97vw | 6.8vw |
| 52 px | 8.13vw | 6.94vw |
| 53 px | 8.29vw | 7.07vw |
| 54 px | 8.44vw | 7.2vw |
| 55 px | 8.6vw | 7.34vw |
| 56 px | 8.75vw | 7.47vw |
| 57 px | 8.91vw | 7.6vw |
| 58 px | 9.07vw | 7.74vw |
| 59 px | 9.22vw | 7.87vw |
| 60 px | 9.38vw | 8vw |
| 61 px | 9.54vw | 8.14vw |
| 62 px | 9.69vw | 8.27vw |
| 63 px | 9.85vw | 8.4vw |
| 64 px | 10vw | 8.54vw |
| 65 px | 10.16vw | 8.67vw |
| 66 px | 10.32vw | 8.8vw |
| 67 px | 10.47vw | 8.94vw |
| 68 px | 10.63vw | 9.07vw |
| 69 px | 10.79vw | 9.2vw |
| 70 px | 10.94vw | 9.34vw |
| 71 px | 11.1vw | 9.47vw |
| 72 px | 11.25vw | 9.6vw |
| 73 px | 11.41vw | 9.74vw |
| 74 px | 11.57vw | 9.87vw |
| 75 px | 11.72vw | 10vw |
| 76 px | 11.88vw | 10.14vw |
| 77 px | 12.04vw | 10.27vw |
| 78 px | 12.19vw | 10.4vw |
| 79 px | 12.35vw | 10.54vw |
| 80 px | 12.5vw | 10.67vw |
| 81 px | 12.66vw | 10.8vw |
| 82 px | 12.82vw | 10.94vw |
| 83 px | 12.97vw | 11.07vw |
| 84 px | 13.13vw | 11.2vw |
| 85 px | 13.29vw | 11.34vw |
| 86 px | 13.44vw | 11.47vw |
| 87 px | 13.6vw | 11.6vw |
| 88 px | 13.75vw | 11.74vw |
| 89 px | 13.91vw | 11.87vw |
| 90 px | 14.07vw | 12vw |
| 91 px | 14.22vw | 12.14vw |
| 92 px | 14.38vw | 12.27vw |
| 93 px | 14.54vw | 12.4vw |
| 94 px | 14.69vw | 12.54vw |
| 95 px | 14.85vw | 12.67vw |
| 96 px | 15vw | 12.8vw |
| 97 px | 15.16vw | 12.94vw |
| 98 px | 15.32vw | 13.07vw |
| 99 px | 15.47vw | 13.2vw |
| 100 px | 15.63vw | 13.34vw |
stylus mixin
.styl
/*
* font-size / view width
* f-vieww (16/640); -> font-size : 2.5vw;
*/
f-vieww($decimal)
font-size ( (ceil($decimal * 10000)) / 100 ) vw
とか、でやればええですけどね。
これにview sizeをデフォで入るようにしてやってもええですけどね。