Вопросы Теги

Как размер шрифта не работает здесь?

Следуя совету в 6 Самых Важных Методах CSS Вы Потребность Знать, я установил тело font-size кому: 62.5%, container отделение font-size к 1,4 их (небольшое изменение от статьи). p.tags и p.published font-size установлен на 1em.

Однако это не работает на меня. И обычный текст и текст в p.tags и p.published выходит, чтобы быть тем же размером (16.8 пкс, как вычислено Firebug). Можно ли объяснить, почему мой код не работает? Я тестирую в Firefox 3.6.3. Демонстрационная страница, показанная автором, работает просто великолепно в том же самом браузере.

Я воспроизвел всю страницу ниже — извинения за длину его, но я думал, что это лучше не не учло что-либо.


        
                Title
                
        
        
                

                         

                         

                        

                                


                                                

                                                                
                                                                        "It does not matter how slow you go so long as you do not stop."

                                                                        
Wisdom of Confucius

                                                                
                                                        
Tags: #wisdom  


                                                        
Posted: Nov 08, 2006 at 2:27 pm
                                                                  Permalink   Short URL

10
задан markvgti 12 May 2010 в 09:40
поделиться

2 ответа

Ваши элементы

и

находятся внутри элемента container div, который имеет размер шрифта 1.4em, а также внутри в posts, который имеет размер шрифта 1.2em. Я думаю, что установка размера шрифта абзацев на 1em на самом деле ничего не делает, так как единица em является кумулятивной. Таким образом, если размер шрифта «root» составляет 62,5%, он будет увеличен на 40% для первого div и увеличен еще на 20% для второго div. Ваши два абзаца также будут иметь этот размер шрифта, так как они не увеличивают или не уменьшают размер.

В принципе, если вы хотите, чтобы «теги» и «опубликованные» абзацы имели меньший текст, дайте им размер менее одного, например, 0.9em. Это даст им размер на 10% меньше, чем другие элементы в том же родительском div.

12
ответ дан 3 December 2019 в 23:48
поделиться

Грэм был прав, я set; 

p.tags, p.published {
    font-size: 0.5em;
}

И это изменило размер шрифта. Обновлен Jsfiddle her e.

EM рассчитывается из базового размера основного шрифта. Посмотрите здесь , чтобы узнать, как это работает:)

1
ответ дан 3 December 2019 в 23:48
поделиться