如何使用@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的宽度

回答

相关问题