HTML菜单栏与屏幕大小调整
HTML menubar with screen resize
我想创建一个菜单栏
全屏时似乎一切正常,但当
它的浏览器宽度小于菜单栏
菜单栏中的内容变成了新的一行
而不是用滚动条继续行
我该怎么办
这是我的html
<div class="menuBar">
<div class="navigate">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Hotel</a></li>
<li><a href="#">Airfare</a></li>
<li><a href="#">Package</a></li>
<li><a href="#">Tour guide</a></li>
<li><a href="#">Event</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</div>
为您的ul
包装添加min-width
样式。
.navigate{
min-width: 800px;
}
相关文章:
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 调整屏幕大小时更改属性值
- 更改屏幕上对象的宽度调整大小
- Div 设置为视口高度,即使调整屏幕大小也是如此
- Css-是否可以在调整屏幕大小时使元素移动,以使其适合屏幕
- 画布FPS在调整屏幕大小时发生变化-Javascript
- 在播放视频时调整屏幕大小
- 调整屏幕大小后重命名函数
- 使用显示的响应式导航栏:无仍然显示,即使它旨在显示何时使用媒体查询调整屏幕大小
- 仅在调整屏幕尺寸时更改 nvd3 图形
- 调整屏幕大小后导航栏消失 [引导]
- 如何在调整屏幕大小时使元素停止移动
- 如何根据设备/屏幕分辨率调整屏幕
- 调整屏幕大小后未添加下拉菜单
- 我如何让我的嵌入式Vimeo视频动态调整屏幕的宽度
- 调整屏幕宽度后重新启动
- 在调整屏幕大小时使用jquery-js更改类名
- 当我调整屏幕大小时,jQuery一直在准备另一个按钮
- 调整屏幕大小时无法删除悬停效果