@mediaを使用して特定の画面サイズ（最小幅と最大幅）の間でiframeまたはdivの幅を変更する方法

Question

cruiseguru.co.thの私のサイトでは、左側の検索ボックスが画面サイズは幅1200pxと765pxの間にあるので、次のようなCSSを使用して2つの解像度の間でのみ検索ボックスの幅を変更することを望んでいましたが、もちろんそれはうまくいかないので、誰かが私に正しいことをアドバイスできるCSS。

@media screen (max-width:1200px) and (min-width:765px) { 
#IFRAME_2 { 
    max-width: 360px; 
}; 

Answer 1

あなたはand

screen間と (max-width:1200px)

#IFRAME_2 { 
 
    width: 600px; 
 
} 
 
@media screen and (max-width:1200px) and (min-width:765px) { 
 
    #IFRAME_2 { 
 
    width: 360px; 
 
    } 
 
}

<iframe id="IFRAME_2"></iframe>