如何修复我的 HTML 菜单(简单菜单在 WebKit 浏览器中行为不当)
我将这个问题放在这里是因为我变得有点迫切地想要解决这个问题,这个问题现在让我感到非常困惑,因为我看不出它的原因。
您可以在本页顶部看到顶部导航栏,上面写着“首页,打高尔夫球...等”: http://urbangolf.mammalworld.com/golf-club-fitting/half- day
它似乎在 Firefox 和 IE 中正常工作(排成一行),但在 Chrome 和 Safari 上它在大约 710px 处换行到第二行,我找不到原因。这似乎是由于使用 Cufon 进行字体替换,但这必须发生,但如果其他两个浏览器(尤其是 IE!!)可以正确呈现它,我怎样才能让 webkit 的行为?
我们将非常感谢您的帮助。
正确 [IE/FF]
替代文本 http://urbangolf .mammalworld.com/templates/navigation- Correct.jpg
错误 [Chrome/Safari]
替代文本 http://urbangolf.mammalworld.com/templates/navigation-wrong.jpg
I'm placing this question here because i'm becoming a little desperate to fix this problem that has really puzzled me now as i can't see a reason for it.
You can see the top navigation that reads "Home, play golf...etc" at the top of this page:
http://urbangolf.mammalworld.com/golf-club-fitting/half-day
It seems to work correctly (lines up on one line) in Firefox and IE, but on Chrome and Safari it wraps to a second line at about 710px, and i can't find a reason. It seems to be due to the font replacement using Cufon, but this must occure, but if the other two browsers (especially IE!!) can render it correctly, how can i get the webkit ones to behave?
Your help will be greatly appreciated.
Correct [IE/FF]
alt text http://urbangolf.mammalworld.com/templates/navigation-correct.jpg
Wrong [Chrome/Safari]
alt text http://urbangolf.mammalworld.com/templates/navigation-wrong.jpg
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我不完全确定为什么 webkit 决定这样做,但幸运的是,使用水平
模式可以轻松解决这些情况。
在
user.css
中更改:添加
white-space: nowrap;
:I'm not entirely sure why webkit's deciding to do that, but luckily there's an easy fix for these situations using horizontal
<ul>
patterns.In
user.css
Change:Add
white-space: nowrap;
: