javascript - 根据屏幕缩放 div 和图像 css/javascript

Question

我有一个 div，里面有几个 div、几个图像和两个选择。我想让我的主要部门及其所有内容根据屏幕自动调整大小。我该怎么做？

谢谢你:)

Answer 1

您为此使用媒体查询。这叫做响应式设计

@media screen and (max-width: 699px) {
  div {
    width: 40px;
  }
}

这实际上会将 div 的宽度更改为 40px only if the screen width is less than 699px

进一步引用:
CSS-Tricks