Ubermenu移动分辨率

Question

我正在使用ubermenu，我的菜单项是图像。 我的问题是，当我使用移动分辨率访问网站时，我的菜单项保持相同的大小，这是非常大的。 我不想使用响应式菜单，当我使用不同的分辨率时，如何让我的菜单拉伸？

Answer 1

除了你不想使用响应式菜单之外，我没有别的办法（除了收缩图像＆＃34;手动＆＃34;固定宽度值通过CSS）。

因此对于响应式解决方案：使用以下代码

.theimagesclass {
    display: block;
    max-width: 100%;
    height: auto;
}

（从Bootstrap获得），您可以使这些图像响应，从而在较小的设备上使它们变小。

如果图像在较大的设备上表现异常，您可以为较低分辨率添加媒体查询，例如：

@media screen and (max-width:767px){
    .navclass img {
        display: block;
        max-width: 100%;
        height: auto;
    }
}

如果屏幕分辨率低于768px，这只是针对.navclass元素内的图像。