iframe 不调整大小

Question

所以我有这个 iframe

iframe {   
width: 39%;
height: 447px;
max-height: 447px;
}

我希望它在小型设备上变得更小，所以我添加了

@media only screen and (max-width:500px) { 
   iframe { 
   height: 150px !important; 
   max-height: 150px !important;
   } 
}

但它不起作用，这是什么原因？ 问候， 赫尔索克

Answer 1

试试这个：

 @media screen and (max-width:500px) { 
       iframe { 

       max-height: 150px !important;
       } 
        }