0

私の携帯電話では、ここにあるヒーロー ユニットのテキストがうまく収まりません。ラップしたり、縮めたりしたいです。実装の詳細に関する提案はありますか? ありがとう。

4

1 に答える 1

1

縮小したい場合は、H1 サイズを再定義し、場合によっては小さな画面用のヒーロー パディングを再定義することもできます。デフォルトでは両方とも 60 ピクセルなので、次のようなメディア クエリを使用できます。 

@media (max-width: 767px){

.hero-unit h1 {
font-size: 40px;
}

.hero{
padding:40px;
}

}

必要な結果を得るには、パディング、フォント サイズ、ビューポートの最大幅をいじる必要があるかもしれませんが、これで作業を開始できます。

幸運を

于 2013-05-19T23:58:10.733 に答える