0

如果你去这里 - http://www.joecrabtree.com/store - 并将产品添加到购物车，购物车中的所有文本都比其他所有文本都小。

我在 Chrome 的元素检查器中玩过，但找不到任何可以更改的内容，这些内容可以使购物车文本变大而不影响页面上的其余文本。

也就是说，我不明白是什么使它比其他所有东西都小。

4

5 回答 5

1

看起来封闭<td>标签包含以下样式：

media="all"
body, caption, th, td, input, textarea, select, option, legend, fieldset {
    font: 0.75em/1.6em Helvetica, Arial, sans-serif;
}

从 style.css 的第 34 行开始。我看到您对表格单元格的嵌套父级有类似的规范。这些可以产生累积效应。

我可以建议您以点或像素为单位指定字体大小吗？

于 2012-11-30T19:15:19.980 回答
1

样式.css 第 34 行：

body, caption, th, td, input, textarea, select, option, legend, fieldset {
    font: 0.75em/1.6em Helvetica,Arial,sans-serif;
}
于 2012-11-30T19:16:24.227 回答
1

em字体大小是相对于当前大小的..

当您嵌套与 1 不同的元素时，您font-size的嵌套越深，您的字体就会逐渐变大或变小。.

示例http://jsfiddle.net/gaby/NcKNF/

您的代码具有元素0.75em的字体大小td，甚至更高的 DOM 具有#cart-block-contents-ajax字体0.9em大小。不断地..

你目前的结构是

#page 0.83em  
    .sidebar 0.95em  
        #ajaxCartUpdate 0.95em  
            #cart-block-contents-ajax 0.9em
                时差 0.75em

所以你在 DOM 中走得越深，它就会越小

于 2012-11-30T19:28:12.077 回答
0

问题似乎是小于 1em 的级联字体大小：

来自萤火虫：

#cart-block-contents-ajax   0.9em   style.css?H (line 870)

#page   font-size: 0.83em   style.css?H (line 30)

.sidebar    font-size: 0.95em   style.css?H (line 297)

body    font-size: 100% layout.css?H (line 149)

body    font-size: 0.75em   style.css?H (line 34)

td          font-size: 0.75em   style.css?H (line 34)

所以body设置为100%，然后重置为0.75em，然后是.83em(#page)，然后是.95em(.sidebar)，然后是.75em(td)，最后.9em是 (#cart-block-contents-ajax)

所以这是 .9 of .75 of .95 of .83 of .75 of 100% = .399 em

于 2012-11-30T19:21:40.550 回答
0

您可以将其添加到您的 css 中，它将覆盖任何其他导致您的字体变小的 css。这只会影响您购物车中的内容。

/*cart item */
.block .content #cart-block-contents-ajax .cart-block-items tbody .odd {font-size:15px;}

/* remove product links */
.block .content #cart-block-contents-ajax .cart-block-items tbody .cart-block-item-desc {font-size:15px; font-weight:bold;}

/* Total Items */
.cart-block-summary-items,.cart-block-summary-total {font-size:15px; padding:5px}

/* View cart and Checkout links */
.cart-block-summary-links .links {font-size:15px; font-weight:bold;}

希望这可以帮助。

并回答您的问题：添加到的这个属性body是使您的字体变小的原因：

font: 0.75em/1.6em Helvetica, Arial, sans-serif;

于 2012-11-30T19:35:25.003 回答