相关疑难解决方法(0)

CSS中媒体查询的正则表达式

我正在寻找一种从CSS文件中提取媒体查询的方法.

/* "normal" css selectors

@media only screen and (max-device-width: 480px) {
    body{-webkit-text-size-adjust:auto;-ms-text-size-adjust:auto;}
    img {max-width: 100% !important; 
         height: auto !important; 
    }
}

@media only screen and (max-device-width: 320px) {
    .content{ 
        width: 320px;
    }
}
Run Code Online (Sandbox Code Playgroud)

现在我只想获得媒体查询.我虽然始终是开始@media,但搜索的结尾始终是一个大括号,后跟一些可选的空格和另一个大括号.

我唯一拥有的是

preg_match_all('#@media ?[^{]+?{XXX#',$stylesheetstring, $result);
Run Code Online (Sandbox Code Playgroud)

分别XXX是缺失的部分我在寻找.

当前的一个(没有X)只返回第一行(显然)

php regex styles media-queries

4
推荐指数
1
解决办法
1604
查看次数

标签 统计

media-queries ×1

php ×1

regex ×1

styles ×1