CSS - 带有排版基线网格的 ems 字体大小

标签 css

我正在使用一个流畅的基线网格模板作为我正在处理的网站的起点,并希望获得有关排版的指导。 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/

相关文章:

html - 我的输入标签不会与我的输入类型 = 文本对齐

html - 这个过滤器 :drop-shadow/translate effect in chrome and safari compared to firefox? 发生了什么

javascript - 删除滚动条但不删除滚动功能

html - 响应页面中的 Div 忽略移动浏览器中的视口(viewport)大小

html - 在图标下排列文本

css - 将渐变图像转换为 css 属性

javascript - 我如何在我的下拉列表中获得年份列表,而不对其进行硬编码,以使用我的 "Add"按钮显示和运行?

javascript - 数据表 : search field position misaligned

javascript - 将点击的节点保持为选中状态

html - 盒子阴影开关的过渡?