/ /ザウバーファウンデーションの解像度に合わせたテキストサイズの変更 - zurb-foundation

Zurb Fundationにおける解像度に応じたテキストサイズの変更 - zurb-foundation

ファンデーションはクールですが、私は一つのことを尋ねたいと思います。私たちは異なるスクリーレスを持つ異なるデバイスのためにテキストのサイズをどのように変えることができますか? ありがとう。

回答:

回答№1は0

Foundation 5の直接的なサポートはありません。

さまざまな解像度でフォントサイズを調整するために、メディアクエリを使用する必要があります。それを実装する方法はたくさんあります。

可能なアプローチの1つは、 font-size コンテナ要素のピクセル単位で指定し、子要素のサイズにはemsを使用します。

.homepage {

font-size: 16px;

@media #{$large-up} {
font-size: 20px;
}
}

.homepage p {
font-size: 1em;
}

.homepage small {
font-size: 0.75em; /* 12px on small and medium screens, 15px - on large */
}

他のアプローチ 応答フォントサイズ