如何解决使用 ASP.NET Blazor 和 Blazorise,我如何使用它们仅在移动设备上显示内容?
Same question 没有我喜欢的答案.... 并且由于以下内容允许我仅在桌面环境中显示 Container 的内容。
<Container display="display.None.Block.OnFullHD">
<AppHelpMenu />
</Container>
如何使用它仅在移动设备上显示容器?
<Container display="display.None.Block.Mobile">
<AppHelpMenu />
</Container>
那行不通:(
解决方法
应该
<Container Display="Display.None.OnFullHD.None.OnTablet.Block.OnMobile">
<NavHelp />
</Container>
首先,您定义如何显示它 (None
),然后定义显示它的位置 (OnMobile
)。
以下 CSS 足够好
@media (min-width: 641px) {
.show-mobile-only {
/* don't show on mobile */
display: none;
}
<div class="show-mobile-only" >
<NavHelp />
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。