javascript - 更改 div 内的 div 样式。里面的 div 有没有任何 id 和 class 的内联 css

Question

我需要在嵌套的 div 中进行样式更改。代码如下:

<div id="video_id" class="videoLayout">
    <div style="width:695px;height:391px;"></div>
</div>

我想在设备 ipad 和方向横向时将嵌套 div 中的样式更改为 width:600px;height:340px;。 (媒体查询/jquery 任何解决方案都可以)

任何人都有任何建议。 谢谢

Answer 1

iPad 横屏显示

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
  #video_id > div { width:600px;height:400px;}
}