问题：在特定屏幕宽度下使用“onclick”功能调整元素的大小

Question

关于应用于 javascript 的媒体查询，我需要一些帮助。 是否可以从屏幕宽度不是“默认”宽度的 javascript 代码开始调整对象的大小？

示例：我有一个按钮，当我单击它时，它会打开一个高度为 600 像素的 div。 这里的屏幕是 1600px 宽。 我可以确保当屏幕宽度为 1000px 时，显示的 div 的高度为 800px？ 如果可能的话，这种情况是否会发生多次，即一旦关闭该div然后重新启动，条件不会消失？

Answer 1

最简单的方法可能是使用 CSS 媒体查询

@media (max-width: 1000px) {
   div {
      height: 800px;
   }
}