我的第二个iframe没有显示,在检查元素时甚至看不到。
@media only screen and (max-width: 480px) {
#link1 {
width: 50% !important;
height: 50% !important;
display: block !important;
}
#link2 {
width: 50% !important;
height: 50% !important;
display: block !important;
}
}
<iframe id="link1" width="560" height="315" src="https://www.youtube.com/embed/31GYJE49ceY" frameborder="0" gesture="media" allowfullscreen></iframe>
<iframe id="link2" width="560" height="315" src="https://www.youtube.com/embed/HQysg8fQWvU?rel=0" frameborder="0" allowfullscreen></iframe>