カテゴリー:
フォント
閲覧数:422 配信日:2017-11-07 00:59
PCとモバイルでは、「画面に対する文字サイズ」の比率が異なる
単純に、画面に対する比率で「文字の大きさ」を決定すると、何れかに違和感が生じる
・PCでは文字が大き過ぎる
・モバイルでは丁度良いかも
h1{
font-size: 6vw;
}
h2{
font-size: 5vw;
}
h3,h3 a{
font-size: 4vw;
}
h4{
font-size: 3vw;
}
h5{
font-size: 2vw;
}
h6{
font-size: 1vw;
}・PCでは若干文字が大き過ぎるかも
・モバイルでは文字が小さ過ぎる
h1{
font-size: 3.5vw;
}
h2{
font-size: 3vw;
}
h3,h3 a{
font-size: 2.5vw;
}
h4{
font-size: 2vw;
}
h5{
font-size: 1.5vw;
}
h6{
font-size: 1vw;
}