时间戳

首页 > 解决方案 > 如何使用 fxLayout for Angular Material 仅在移动设备而非桌面设备中显示某些内容

angular - 如何使用 fxLayout for Angular Material 仅在移动设备而非桌面设备中显示某些内容

问题描述

这是我的代码：

<div fxLayout="column" fxHide.xs
  style ="background-color: #263238; color: white; border-top: none;">
  <button mat-icon-button fxHide.md>
      <mat-icon>favorite</mat-icon>
    </button>
    <button mat-icon-button fxHide.md>
      <mat-icon>favorite</mat-icon>
    </button>
    <button mat-icon-button fxHide.md>
        <mat-icon>favorite</mat-icon>
    </button>
  </div>

上面是一个容器，我只想在手机上显示，而不是在浏览器上显示。我应该如何进行编码？

标签： angularflexboxangular-materialprogressive-web-apps

解决方案

而不是 fxHide.xs 你可以使用类似的东西

fxHide.gt-sm

仅在移动设备上显示

推荐阅读