我正在使用一个流畅的基线网格模板作为我正在处理的网站的起点,并希望获得有关排版的指导。 CSS 字体大小声明由网格模板设置如下:
/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {font: 100%/1.5 Arial, Helvetica, sans-serif; *font-size: 1em; color: #333}
我对调整此设置持谨慎态度,但如果我需要默认字体小于此设置。如果我按原样保留上面的声明,然后将所有 p、a、ul 字体设置为 .9em,那么这(预期)会导致字体大小相对于其父元素减小。我认为我也不应该以像素为单位设置字体大小——所以任何人都可以为这个(可能非常简单!)问题提出一个好的解决方案吗?
最佳答案
我刚刚将 px 从 24px 减少到 20px 接缝以正常工作,您使用的是 Drupal 主题吗?如果是这样,您是否让它在 IE 6-8 中工作,它会中断并显示在 1 列中,请参阅IE中的drupal演示站点看http://themes.arborwebdevelopment.com/fluid-baseline-grid-theme-demo
这是我一个月来一直在努力解决的问题。
关于CSS - 带有排版基线网格的 ems 字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8156016/