レスポンシブルクロスブラウズサイトで2016年にCSS3 VW＆VHを使用するのが正しいです

Question

2016年がcss3 vw & vh単位を使用する正しい時間と場所であれば私は迷っていました。これは私の経験からは最も簡単な方法ですそれが起こるように...しかし、私はこの技術を使用してほとんどどこにも見たことがありません。どうしてこんなことに？また、レスポンシブルサイトをやり遂げる方が良い場合は...

Answer 1

VHとVWはビューポートの高さと幅を基準にしているため、ビューポートサイズに基づいて要素のスケーリングに最適です。

たとえば、2列レイアウトを使用する場合は、各列の幅を50vwとして指定するとうまくいきます。 Can I Useによると、vmaxを使用する必要がない場合、ブラウザのサポートは良いです。

スケーリングはレスポンシブデザインの1つの側面であり、もう1つはページレイアウトを変更することです。
下記のGeorge Chanturiaで正しく記されているように、以下のコメントは、レスポンシブデザインではなく適応型デザインを指します。

が

@media only screen and (max-width: 25em) { 
... 
} 

または

例えば

あなたはおそらくメディアクエリおよびピクセルまたはREMSを使用したいと思うあなたは、スマートフォン上の単一の列に崩壊するように2列のレイアウトを望んでいたと言うか、EMS

@media only screen and (max-width: 400px) { 
... 
} 

これらのメディアクエリではVMとVWを使用できますが、実際のメディアクエリではテストできる機能ではありません。

これが役に立ちます。