对于不同的屏幕尺寸,我需要div内的元素位于其div之外。
我目前有重复的html,并将其隐藏在某些视口中,这显然不是理想的选择,但我不确定是否还有另一种方法。
这是html台式机和平板电脑
<div class="container">
<div class="one">
<p>Content 1</p>
</div>
<p>Content 2</p>
</div>
Run Code Online (Sandbox Code Playgroud)
这是手机所需的html
<div class="container">
<p>Content 1</p>
<p>Content 2</p>
</div>
Run Code Online (Sandbox Code Playgroud)
这样我就可以对容器div中的所有项目使用flexbox命令