jquery - 如果 2 个 div 彼此靠近 - 向右浮动

Question

我对导航栏有疑问。我希望桌面上的导航栏看起来像这样:左侧的 Logo 右侧有几个按钮 (4)。在像这样的小型设备上: Logo 在顶部 -> 右侧，按钮在右侧 Logo 下方。当我开始调整窗口大小时它达到某个点时我将 Logo 设置为向右浮动但是只要有空白空间它们就不会彼此重叠但是按钮移到左侧并且 Logo 向右移动(平板电脑或肖像) .然后调整大小到达小窗口 - 他们最终堆叠。所以我的问题是，是否有可能使 Logo FLOAT RIGHT 仅在按钮接触时而不是基于媒体查询？

示例:http://lunskis.byethost9.com/lg%20-%20Copy/

尝试调整大小并查看设置媒体查询时会发生什么( Logo 跳到右边，而按钮到达中间和最终的 rezult(小窗口)是我正在寻找的)。

Answer 1

你应该使用 css 媒体查询:

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    /* Styles */
    #logo {
        float:right
    }
}

在以下位置找到更多 css 媒体查询:

css media queries