尝试找出如何根据屏幕尺寸(低于400px)设置
我尝试在不同的媒体查询中放置自定义配置,例如
我还尝试使用BreakpointObservers进行实验,但我不确定如何针对该特定属性进行操作,因为我很少了解Sass。
mat-tab-label
的字体大小。我尝试在不同的媒体查询中放置自定义配置,例如
@include mat-tabs-typography($tabs-typography-mobile);
,但没有成功。我还尝试使用BreakpointObservers进行实验,但我不确定如何针对该特定属性进行操作,因为我很少了解Sass。
this.observer.observe('(max-width: 400px)').subscribe(result => {
if (result.matches) {
document.documentElement.style.setProperty(???);
}
});
我也尝试使用“视图封装”方法来针对特定元素进行操作,但这只会破坏整个页面的布局,所以这可能是最后的选择。
以下是代码,我正在尝试更改“label-one”,“label-two”和“label-three”的字体大小:
<mat-tab-group mat-stretch-tabs dynamicHeight>
<mat-tab label="label-one">
<div class="tab"></div>
</mat-tab>
<mat-tab label="label-two">
<div class="tab"></div>
</mat-tab>
<mat-tab label="label-three">
<div class="tab"></div>
</mat-tab>
</mat-tab-group>