rezise时如何将div的位置更改为另一个div

Question

场景：

• 我有两个div。
  一个div是标题，另一个是表格。
• 但是当我在某些屏幕移动设备中调整尺寸时，它不正确。

Todo：

• 我想要在某些屏幕空白处调整div标题和div形式时的大小。
  它 表示根据左边距div格式调整标题左边距的大小时。

如何修复？

Answer 1

我希望我得到了正确的答案。我的理解是，您希望在移动屏幕上查看时将标题放在表格上方。使用媒体查询很容易做到这一点。见下文。 W3Schools | Media Queries

<div id="div1"></div>
<div id="div2"></div>

@media only screen and (max-width: 600px) {
     .div1 {
        display: block;
     }

     .div 2 {
        display: block;    
     }
}

.div1 {
   display: inline-block;
   width: 40%;
}

.div 2 {
   display: inline-block;
   width: 40%;
}

媒体查询功能强大，因为您可以使用它们动态过滤样式设置方法，例如将上面的div设置为块显示。 （填充容器的整个宽度），而不是与另一个块放在同一行上，只占用其容器的40％。如果需要，请提交标记以供审核。