为什么向我的 CSS 添加 font:menu 会导致页面呈现非常不同?
我似乎找不到有关“菜单”字体的太多信息。
我正在尝试基于 这个图例,同时尝试保持现有的外观和效果感受基于 Intranet 的应用程序。
一旦我将:添加
font:menu;
到 #nav a
样式中,#nav
中设置的行高在 FF 和 Chrome 中都会被忽略,但在 IE 8 中不会
。是什么字体?我有哪些不会破坏菜单的替代方案?
I can't seem to find much information on the "menu" font.
I'm trying to implement suckerfish-style CSS menus based on this turorial, while trying to maintain an existing look & feel for an intranet-based application.
As soon as I add:
font:menu;
to the #nav a
style, the line-height set in #nav
is ignored in both FF and Chrome, but not in IE 8.
What is the "menu" font? What alternatives do I have that won't break the menus?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不确定
line-height
问题(我建议准备一个小测试用例并将其发布在此处),但menu
字体在 CSS 规范:但是,像往常一样,浏览器往往会提供相当可变的规范遵从程度。
编辑:只需阅读链接即可。这些字体也会重置其他属性。您是否尝试过
line-height: 1 !important;
:-?Not sure about the
line-height
issue (I recommend to prepare a small test case and post it here), but themenu
font is described in the CSS spec:But, as usual, browsers tend to offer pretty variable compliance degrees with specifications.
Edit: just read the link. These fonts reset other properties as well. Have you tried
line-height: 1 !important;
:-?