asp.net c#面板屏幕尺寸改变

Question

当我的屏幕尺寸为 480 像素时，我想删除一个菜单并将其替换为另一个菜单。

我认为对我来说最简单的方法是创建两个面板，然后在屏幕尺寸 < 480px 时将菜单 1 设置为 false，将菜单 2 设置为 true

当屏幕尺寸 > 481px 时，menu2 为 false，menu1 为 true，你知道：

if (... < 480)
{
menu1.Visible = false;
menu2.Visible = true;
}

if (... > 481)
{
menu1.Visible = true;
menu2.Visible = false;
}

这可能吗。如果这能给您更好的画面，我会使用 bootstrap。谢谢

Answer 1

一个简单的 bootstrap 解决方案可能是使用隐藏的 class。您的两个菜单可能如下所示：

<div class="hidden-xs hidden-sm">

</div>

<div class="hidden-md hidden-lg">

</div>

第一个div会隐藏在超小和超小的显示器上。第二个 div 将隐藏在中型和大型显示器上。如果您想在屏幕尺寸上更精确，我会说使用 CSS 媒体查询。

asp.net c# panel screen size change