我正在尝试为一个div编写CSS,只有当一个特定的断点被击中时才应该使用CSS. sm,md或lg.
我使用角材料(https://material.angularjs.org).
我知道这可以使用媒体查询@media(max-width:480px){…}完成,但我正在寻找一种有角度的方式来做到这一点.
我正在使用$mdMedia服务,请参阅:
原文链接:https://www.f2er.com/angularjs/142733.htmlhttps://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 >