Xaml 使用ASP.NET Blazor和Blazorise，我如何使用它仅在移动设备上显示内容？

没有我喜欢的答案。。。。 由于以下内容允许我仅在desktopy env上显示容器的内容

    <Container Display="Display.None.Block.OnFullHD">
        <AppHelpMenu />
    </Container>

如何仅在手机上显示容器

    <Container Display="Display.None.Block.Mobile">
        <AppHelpMenu />
    </Container>

---

这是行不通的：（

下面的CSS已经足够好了

@media (min-width: 641px) {
    .show-mobile-only {
        /* don't show on mobile */
        display: none;
    }

---

以下CSS工作得很好

@media (min-width: 641px) {
    .show-mobile-only {
        /* don't show on mobile */
        display: none;
    }

应该是

<Container Display="Display.None.OnFullHD.None.OnTablet.Block.OnMobile">
    <NavHelp />
</Container>

首先，定义如何显示（

None

），然后定义在何处显示（

OnMobile

）。

应该是

<Container Display="Display.None.OnFullHD.None.OnTablet.Block.OnMobile">
    <NavHelp />
</Container>

---

首先，定义如何显示（

None

），然后定义在何处显示（

OnMobile

）.

虽然我发现一些东西是带显示的工作的。废话会更干净、更废话。虽然我发现一些带显示的工作的东西。废话会更干净、更废话。我用对我有用的东西编辑了你的答案，但对它如何工作的描述是完美的。谢谢！我用对我有用的东西编辑了你的答案，但是对它如何工作的描述作品很完美，谢谢！