Question

我的导航栏有问题。我希望dekstop上的navbar看起来像这样：左侧的徽标右边几个按钮（4）。在像这样的小型设备上：顶部的徽标 - ＆gt;在右侧，右侧标志下方的按钮。当我开始调整窗口的大小并且它到达某一点时我将徽标浮动到右边但是只要有空的空间它们就不会在彼此顶部但是按钮移动到左侧并且徽标ti向右移动（平板电脑或肖像）。然后调整大小到达小窗口 - 他们最终堆叠。所以我的问题是，是否可以制作徽标FLOAT RIGHT只有按钮接触而不是基于媒体查询？

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

尝试调整大小并查看设置媒体查询时会发生什么（徽标在右侧跳转，而按钮到达中间，最后的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

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

1 个答案: