如何使用@media更改特定屏幕大小（最小寬度和最大寬度）的iframe或div的寬度

對於我在cruiseguru.co.th上的網站，屏幕左側的搜索框與頁面內容重疊大小在寬度1200px和765px之間，所以我希望只在兩個分辨率之間改變搜索框的寬度，像下面這樣的CSS，但當然它不起作用，所以如果任何人都可以告訴我是正確的CSS。如何使用@media更改特定屏幕大小（最小寬度和最大寬度）的iframe或div的寬度

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

來源

2017-03-03 Thanawin Olanrawathana

之間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>

來源

2017-03-03 18:36:31

如何使用@media更改特定屏幕大小（最小寬度和最大寬度）的iframe或div的寬度

回答

相關問題