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

styles.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-ajax0.9em

あなたの現在の構造は

＃ページ0.83em  
    .sidebar 0.95em  
        #ajaxCartUpdate 0.95em  
            ＃cart-block-contents-ajax 0.9em
                td 0.75em

DOMに深く入るほど小さくなります

于 2012-11-30T19:28:12.077 に答える
0

この問題は、1em未満のカスケードフォントサイズにあるようです。

Firebugから：

#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はに設定され、次に（#page）、（。sidebar）、（td）、最後に（＃cart-block-contents-ajax）100%にリセットされます。0.75em.83em.95em.75em.9em

つまり、.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 に答える