如何在将窗口大小最小化到移动视图的同时显示图像

Question

我必须在最小化窗口的同时显示图标图像。调整屏幕大小时显示图像。但如果我最小化它并刷新页面，图像将与桌面视图菜单折叠...它只适用于调整大小。在标签页或移动视图中，如果我们刷新它，它会与桌面视图菜单相符...我也尝试过媒体查询。但没有结果。有人指导我吗？

 <img src="myPicture.png" id="imgid">

    media only screen and (max-width : 320px)
    {
        #imgid
        {
            display:inline-block;
            position:absolute;
        }
//This is desktop view list item which needs to be hide under mypicture.
        #ullist
       {
          display:none;
        }


    }

Answer 1

试试这段代码

＆＃13;

＆＃13;

var selectedItems = Servers.Where(x => x.IsSelected).ToList();
foreach(var selectedItem in selectedItems)
   ...

＆＃13;

@media only screen and (max-width: 320px) {
    	
    #imgid
    {
           display: block;
    }
}
@media only screen and (min-width: 420px) {
    	
    #imgid
    {
           display: none;
    }
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

通过将脚本放在body标签之前，它可以解决问题。