我正在尝试为一个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 >
