Html 如何使用CSS隐藏特定高度或宽度的div
我正在创建一个快速响应的网站。我使用类似这样的方法来隐藏一些用于移动显示的元素:Html 如何使用CSS隐藏特定高度或宽度的div,html,css,Html,Css,我正在创建一个快速响应的网站。我使用类似这样的方法来隐藏一些用于移动显示的元素: @media (max-width: 599px) { .hidden-mob{ display: none !important; } } // and then add "hidden-mobile" class for arbitrary elements 现在我需要从高度方面检查一些元素。我试过这个:@media(最大高度:x),但我不知道为什么它不起作用。还
@media (max-width: 599px) {
.hidden-mob{
display: none !important;
}
}
// and then add "hidden-mobile" class for arbitrary elements
现在我需要从高度方面检查一些元素。我试过这个:@media(最大高度:x)
,但我不知道为什么它不起作用。还应注意,我需要一个或
,我想要这个条件:
If current-height <= x or current-width <= y Then hide element
如果当前高度使用,
执行或
条件
@介质(最大宽度:599px)(最大高度:700px){
.隐藏的暴徒{
显示:无;
}
}
隐藏在599px宽度以下或高度低于700px时工作正常,tnx,+1向上投票给你…我想知道更多信息,css中的和
符号是什么意思?和
将检查这两个条件是否正确。因此,如果在上述代码中用和替换,
,只有当高度和宽度分别降低到700px和599px以下时,文本才会被隐藏。更多信息请查看:有多种媒体类型:媒体类型:所有|听觉|盲文|手持|打印|投影|屏幕| tty |电视|浮雕您的代码将仅限于支持屏幕媒体的设备。