html – 缩放时跳转的菜单元素

问题如下:我有一个基本的无序列表,我使用CSS转为水平菜单.但是,在浏览器中放大或缩小时,菜单项会跳转到下一行:

未缩放:

|菜单1 | |菜单2 | |菜单3 | |菜单4 |

缩放:

|菜单1 | |菜单2 | |菜单3 |
|菜单4 |

我可以做些什么来保持菜单项不跳跃?

解决方法

尝试尝试ul的固定(最小)维度(或者可能是包裹ul的div)并给它一个溢出设置.就像是:

ul {
    width: 750px;
    overflow:auto;
}

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些