angularjs – 如何为角度材料中的特定断点编写css

发布时间：2020-12-17 07:40:11 所属栏目：安全来源：网络整理

导读：我正在尝试为一个div编写CSS,只有当一个特定的断点被击中时才应该使用CSS. sm,md或lg. 我使用角材料(https://material.angularjs.org). 我知道这可以使用媒体查询@media(max-width：480px){…}完成,但我正在寻找一种有角度的方式来做到这一点. 我正在使用$md

我正在尝试为一个div编写CSS,只有当一个特定的断点被击中时才应该使用CSS. sm,md或lg.

我使用角材料(https://material.angularjs.org).

我知道这可以使用媒体查询@media(max-width：480px){…}完成,但我正在寻找一种有角度的方式来做到这一点.

我正在使用$mdMedia服务,请参阅：

https://material.angularjs.org/latest/#/api/material.core/service/ $mdMedia

此外,您可以直接在模板中使用它.使用ng类指令：

// In your controller: 
$scope.$mdMedia = $mdMedia;

// In your template: 
<div ng-class="{sm: $mdMedia('sm'),md: $mdMedia('md'),lg: $mdMedia('lg')}">...</div >

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!