asp.net c＃面板屏幕大小更改

Question

我想删除一个菜单，并将其替换为另一个，当我的屏幕大小为480px时。

我觉得对我来说最简单的方法是创建两个面板，然后设置菜单1为假时，屏幕尺寸为< 480像素 - 和菜单2真

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

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

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

这是可能的。我使用引导，如果这给你一个更好的图片。 谢谢。

Answer 1

简单的引导程序解决方案可能会使用隐藏类。您的两个菜单可能如下：

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

</div> 

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

</div> 

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