Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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 向Bootstrap 3响应实用程序类添加自定义媒体查询_Css_Twitter Bootstrap_Responsive Design_Media Queries - Fatal编程技术网

Css 向Bootstrap 3响应实用程序类添加自定义媒体查询

Css 向Bootstrap 3响应实用程序类添加自定义媒体查询,css,twitter-bootstrap,responsive-design,media-queries,Css,Twitter Bootstrap,Responsive Design,Media Queries,是否有办法添加自定义媒体查询,即iPad Mini版本。1-3到Bootstrap 3响应型实用程序类 例如,我希望.hidden lg类排除iPad、1-3/mini和其他768x1024设备。理论上很简单,可以使用媒体查询来定位特定设备,然后编写CSS来覆盖内置引导行为 你们可以在网上找到资料来帮助你们进行媒体查询,你们可以尝试一下 因此,例如,使用上述来源的媒体查询,以iPad mini上的.hidden lg类为目标,您可以从以下开始: @media screen and (device

是否有办法添加自定义媒体查询,即iPad Mini版本。1-3到Bootstrap 3响应型实用程序类


例如,我希望.hidden lg类排除iPad、1-3/mini和其他768x1024设备。

理论上很简单,可以使用媒体查询来定位特定设备,然后编写CSS来覆盖内置引导行为

你们可以在网上找到资料来帮助你们进行媒体查询,你们可以尝试一下

因此,例如,使用上述来源的媒体查询,以iPad mini上的.hidden lg类为目标,您可以从以下开始:

@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {

.hidden-lg {
        display: initial !important
    }
} 
在覆盖引导样式时,将应用的标准规则。您可能需要向选择器添加额外属性,以便新规则具有优先权,例如

#custom-content .hidden-lg {
...
}  

祝你好运

您可以将自定义媒体查询添加到宽度,这就是您的意思吗?