2017-06-16 60 views
-1

我必须显示图标图像,同时最小化窗口。调整屏幕大小时显示图像。但是,如果我最小化它并刷新页面,图像与桌面视图菜单崩溃...它只适用于调整大小。在标签或移动视图中,如果我们刷新它,它与桌面视图菜单搭配...我试着用媒体查询too.but没有结果。任何人指导我?如何显示图像,同时最小化窗口大小移动视图

<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; 
     } 


    } 
+1

寻求帮助的问题(“**为什么不是,或如何使这个代码工作?”)必须包含所需的行为,_specific问题或错误以及**最短代码** _在问题本身**中重现它**。没有**明确问题陈述**的问题对其他读者没有用处。请参阅:[如何创建最小,完整和可验证示例](http://stackoverflow.com/help/mcve)。 – LGSon

回答

0

试试这个代码

@media only screen and (max-width: 320px) { 
 
    \t 
 
    #imgid 
 
    { 
 
      display: block; 
 
    } 
 
} 
 
@media only screen and (min-width: 420px) { 
 
    \t 
 
    #imgid 
 
    { 
 
      display: none; 
 
    } 
 
}
<img src="myPicture.png" id="imgid" width="100" height="100" >

0

通过身体标记之前放置脚本,它解决了问题。

相关问题