モバイルビューでウィンドウサイズを最小化しながら画像を表示する方法

Question

ウィンドウを最小化しながらアイコンイメージを表示する必要があります。画面サイズを変更しながら画像が表示されています。しかし、私はそれを最小化し、ページをリフレッシュすると、画像がデスクトップビューメニューで崩壊しています...それはサイズ変更のためだけに働いています。私たちがそれをリフレッシュすると、タブまたはモバイルビューでは、それはデスクトップビューメニューとcollpasingです...私もメディアのクエリを試しました。しかし、結果はありません。誰も私をplsガイド？

<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

bodyタグの前にスクリプトを配置することにより

@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" >

Answer 2

このコードを試してみてください、それが問題を解決します。