Question

Div放置需要根据响应视图进行更改，不使用insertBefore和insertAfter，是否有任何解决方案？

Answer 1

我非常喜欢使用CSS @media调用。将元素放在您想要的位置，并根据需要隐藏它们。 http://jsfiddle.net/1g27my2m/它不完全是你要求的，但它将实现基本相同的目标（从客户的角度来看），而且你不必使用任何javascript或jQuery。

<div class="display_mobile"> hello there, mobile phone user </div>
<div class="display_desktop"> hello there, desktop user </div>

<style>
    @media (max-width: 420px) {
        .display_mobile{
            display: block;
        }

        .display_desktop {
            display: none;
        }
    }

    @media (min-width: 421px) {
        .display_mobile{
            display: none;
        }

        .display_desktop {
            display: block;
        }
    }
</style>

根据响应视图需要更改分区位置？

1 个答案: