Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如果浏览器屏幕高度(h)小于(w/2)_Css_Media Queries - Fatal编程技术网

Css 如果浏览器屏幕高度(h)小于(w/2)

Css 如果浏览器屏幕高度(h)小于(w/2),css,media-queries,Css,Media Queries,我怎样才能为这个设定规则 @media (min-aspect-ratio: 2/1) 这是我的尝试,但没有正常工作 我也试过了 @media (min-height: 50vw) 我不知道。我不想使用JavaScript。我想在浏览器屏幕小于w/2时创建一个滚动条。这是未经测试的,但类似的内容可能会有所帮助: 最小高度:计算(100vw/2); 您应该能够使用最小纵横比。也许代码中的其他问题阻止了此属性的运行 下面是一个例子,摘自 /*精确纵横比*/ @介质(长宽比:1/1){ div{

我怎样才能为这个设定规则

@media (min-aspect-ratio: 2/1)
这是我的尝试,但没有正常工作

我也试过了

@media (min-height: 50vw)

我不知道。我不想使用JavaScript。我想在浏览器屏幕小于w/2时创建一个滚动条。

这是未经测试的,但类似的内容可能会有所帮助:

最小高度:计算(100vw/2);

您应该能够使用
最小纵横比
。也许代码中的其他问题阻止了此属性的运行

下面是一个例子,摘自

/*精确纵横比*/
@介质(长宽比:1/1){
div{
颜色:红色;
}
}
/*最小纵横比*/
@介质(最小纵横比:2/1){
div{
背景:黄色;
}
}
/*最大纵横比*/
@介质(最大纵横比:2/1){
div{
边框:2件纯蓝;
}
}


在调整视口的宽度和高度时观察此元素。
如果不显示标记并解释什么不起作用,则无法帮助您解决问题。