Question

我正试图用一个只有CSS的div而不是另一个，因为它将具有PC和移动风格。

例如，我有一个内部有3个div的容器（仅适用于此示例的样式）：

<div>
<div style='float:left;'>div #1</div>
<div style='float:left;'>div #2</div>
<div style='float:right;'>div #3</div>
</div>

将显示为

-----------------------
--div #1--div#2--div3--
-----------------------

但在移动版中会显示为

-----------------------
--div #1---------------
--div #2---------------
---------------div #3--

所以我打算在移动设备上使用不同的东西：

-----------------------
--div #1-------div #3--
---------div #2--------

分辨率从320px到1024px：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1024px) {
/* HERE MY CSS */
}

那么，这可能吗？提前感谢您的帮助/建议。

Answer 1

将div #3放在div #1和div #2之间，使用当前的css，结果将是您想要的结果。

<div>
    <div style='float:left;'>div #1</div>
    <div style='float:right;'>div #3</div>
    <div style='float:left;'>div #2</div>
</div>