ブラウザ画面の高さ（h）が（w/2）未満の場合

Question

どうすればこのルールを設定できますか？

@media (min-aspect-ratio: 2/1) 

私の試みは正しく動作しませんでした。

は私も全くわからここ

@media (min-height: 50vw) 

を試してみました。私はJavaScriptを使いたくない。私は、ブラウザの画面がw/2よりも小さいときにスクロールバーを作成したい。

Answer 1

これはテストされていないですが、おそらくこのような何かを助けることができる：

min-height: calc(100vw/2); 

Answer 2

をあなたはmin-aspect-ratioを使用することができるはずです。おそらくあなたのコードの他のいくつかの問題は、このプロパティが機能しないようにしています。ここで

は、あなたのマークアップを表示し、動作しないかを説明していない場合は、あなたの問題のお手伝いをすることはできませんhttps://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio

/* Exact aspect ratio */ 
 
@media (aspect-ratio: 1/1) { 
 
    div { 
 
    color: red; 
 
    } 
 
} 
 

 
/* Minimum aspect ratio */ 
 
@media (min-aspect-ratio: 2/1) { 
 
    div { 
 
    background: yellow; 
 
    } 
 
} 
 

 
/* Maximum aspect ratio */ 
 
@media (max-aspect-ratio: 2/1) { 
 
    div { 
 
    border: 2px solid blue; 
 
    } 
 
}

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio --> 
 

 
<div>Watch this element as you resize your viewport's width and height.</div>