2017-11-16 1 views
-2

レイアウト全体の比例スケーリングについては、私のプロジェクトではどこでもviewportユニットを使用しています。ビューポートが '< 960'のときにスケーリングを停止したいのですが、メディアクエリを使用せずにスケーリングを防ぐことはできますか?メディアクエリを使用すると、すべての単一ユニットを再割り当てする必要があることを意味するためです。どのように私はこれをスキップしますか?vwが特定のビューポートでさらに拡大縮小するのを止めることはできますか?

答えて

0

はい相対単位と固定単位の両方を同時に使用することは可能です。

実装は、拡大縮小しようとしているものによって異なります。

以下は、画面幅に応じてフォントを拡大/縮小するための非常に基本的な例ですが、画面の幅が450pxより小さい場合のみです。

ビューポートの周りを遊んで、実際に見られるようにビューポートのサイズを変更することができます。

#logo { 
 
    font-size: 20vw; 
 
    text-align: center; 
 
} 
 

 
@media screen and (min-width: 450px) { 
 
    #logo { 
 
    font-size: 83px; 
 
    } 
 
}
<div id="logo">"Logo"</div>

関連する問題