Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 24.11.2009 00:22

йцукенг
Новичок
Зарегистрирован: 21.11.2009
Сообщений: 6

body { font-size: ???% }

Какое значение лучше или правильнее/удобнее использовать?
body {font-size: 100.01%;}
или
body {font-size: 62.5%;}

Нет на форуме

 

#2 24.11.2009 00:54

sas171
Новичок
Откуда: Германия г.Штутгарт
Зарегистрирован: 21.11.2009
Сообщений: 34
Вебсайт

Re: body { font-size: ???% }

Не совсем понимаю зачем это надо и почему именно 100.01, а не 100.02.
И почему 62.6?

Отредактированно sas171 (24.11.2009 00:54)

Нет на форуме

 

#3 24.11.2009 01:38

liven
Разбирающийся
Зарегистрирован: 22.11.2009
Сообщений: 74

Re: body { font-size: ???% }

йцукенг написал:

Какое значение лучше или правильнее/удобнее использовать?
body {font-size: 100.01%;}
или
body {font-size: 62.5%;}

... ээээ а что за 62.5% ??

Нет на форуме

 

#4 24.11.2009 07:33

Splurov
Новичок
Откуда: Россия, Томск
Зарегистрирован: 22.11.2009
Сообщений: 29

Re: body { font-size: ???% }

Это, наверное, отсюда: http://pixelmeadow.com/blog/2005/05 … ic-layouts

Нет на форуме

 

#5 24.11.2009 10:12

йцукенг
Новичок
Зарегистрирован: 21.11.2009
Сообщений: 6

Re: body { font-size: ???% }

liven написал:

... ээээ а что за 62.5% ??

Вот:
font-size: 62.5%; /* Resets 1em to 10px */
Про 100.01 еще не нашел, но ведь это пишут в css.
Кто-нибудь толково объяснит?

Нет на форуме

 

#6 24.11.2009 10:29

liven
Разбирающийся
Зарегистрирован: 22.11.2009
Сообщений: 74

Re: body { font-size: ???% }

йцукенг написал:

Вот:
font-size: 62.5%; /* Resets 1em to 10px */
Про 100.01 еще не нашел, но ведь это пишут в css.
Кто-нибудь толково объяснит?

Ты наверное замечал, что некоторые версии Opera отображают шрифт мельче, чем IE и Mozilla.
Выставив для body 100.01% мы избавляемся от этой проблемы. Теперь все шрифты будут отображаться во всех браузерах одинаково, какой бы размер шрифта ты не ставил. (Кстати на hotibo.ru об этом тоже писали. Ищи статью "Правила хорошего тона")

А вот про 62.5% я не знал. Выставляя для body font-size: 62.5%; мы приводим 1em к 10px.

IMHO нужно всегда выставлять 100.01, а далее для всех элементов величину шрифта в процентах.

Отредактированно liven (24.11.2009 10:31)

Нет на форуме

 

#7 25.11.2009 09:58

йцукенг
Новичок
Зарегистрирован: 21.11.2009
Сообщений: 6

Re: body { font-size: ???% }

Спасибо.

Нет на форуме

 

#8 16.12.2009 12:01

liven
Разбирающийся
Зарегистрирован: 22.11.2009
Сообщений: 74

Re: body { font-size: ???% }

Да уж... проценты процентами.... а меню как?
Меню пикселями наверное, чтобы не плавало при увеличении (уменьшении) размера.....
Кто что думает?

Нет на форуме

 

#9 21.07.2010 03:48

B.L.
Новичок
Зарегистрирован: 31.03.2010
Сообщений: 4

Re: body { font-size: ???% }

liven написал:

Ты наверное замечал, что некоторые версии Opera отображают шрифт мельче, чем IE и Mozilla.
Выставив для body 100.01% мы избавляемся от этой проблемы. Теперь все шрифты будут отображаться во всех браузерах одинаково, какой бы размер шрифта ты не ставил.

Делаю сейчас сайт, поставил body {font-size: 100.01%}. Если не изменять размер шрифта далее, то в Opera 9, IE 6, и Firefox 1.5 они одинаковые (16 пикселей). Но если в каком-то элементе написать font-size:105% или 110%, то в Опере шрифт получается меньше, чем в IE и Firefox:(  (во всех броузерах дефолтный шрифт выставлен на средний [16px]).

Кто-то сталкивался с таким?

Нет на форуме

 

#10 21.07.2010 12:51

B.L.
Новичок
Зарегистрирован: 31.03.2010
Сообщений: 4

Re: body { font-size: ???% }

Update: методом тыка обнаружил, что при размере 105, 106 и 110% шрифт в Опере меньше, чем аналогичный в Firefox и Explorer, а вот если поставить 107, 108 или 109 -- одинаковый. Интересно, что при установке 111% и 112% Опера опять начинает отставать. А при 113% и 114% опять догоняет по размеру два других броузера. Также продолжается при 116, 117 и 118. Странная штука.
Кстати, то же самое происходит, если вместо font-size 100.01% для body установить просто font-size:16px.

Нет на форуме

 

Board footer