Если это ваш первый визит, рекомендуем почитать справку по форуму. Для размещения своих сообщений необходимо зарегистрироваться. Для просмотра сообщений выберите раздел. |
Размер шрифта в браузерах |
Что касается web-а... WebMaster-а Воронежа - объединяйтесь! |
|
Опции темы |
26.05.2013, 13:02 | #1 |
Форумец
Сообщений: 124
Регистрация: 15.03.2010
Не в сети |
Размер шрифта в браузерах
font-size задан в пикселах. На десктопных браузерах разные блоки текста с одинаковым font-size имеют шрифт одинакового размера, как и должно быть, а на мобильном safari и подобных размер шрифта разный, хотя font-size точно везде одинаковый. В чем проблема может быть?
Пример кода: Код:
<article id="first_article"> <p>Что-то в параграфе</p> </article> <section> <ul id="spis1"> <li> <img src="./images/site.png" alt="сайт"> <div> <h3>Что-то в заголовке</h3> <p>Что-то в параграфе списка</p> </div> </li> </ul> </section> В стилях: #first_article p{ font-size: 20px; } #spis1 li p{ font-size: 20px; } или же просто p{ font-size:20px; } |
26.05.2013, 13:45 | #2 |
Форумец
Сообщений: 39,860
Регистрация: 27.05.2003
Возраст: 46
Не в сети |
проблема?
кто сказал что проблема? указание шрифта - это ПРОСЬБА браузеру ПОДОБРАТЬ шрифт наиболее близкий к указанному из имеющихся (гарнитур, размеров). В винде с размерами просто - шрифты масштабируются произвольным образом. В мобильниках этот процесс еще далек от совершенства. так было когда то давно и на компьютерах. что делали? экспериментировали, выставляли параметры, пробовали в разных браузерах на разных компах под разными ОС. Где достать эмуляторы телефонов подсказать? |
27.05.2013, 10:25 | #5 |
Наночлен
Сообщений: 30,595
Регистрация: 06.09.2006
Возраст: 36
Не в сети |
Даже не проверял, но попробую предположить, что имеет смысл попробовать написать так:
#spis1 li div p{ font-size: 20px; } а вообще надо смареть вживую чо как |
27.05.2013, 11:54 | #6 |
Форумец
Сообщений: 124
Регистрация: 15.03.2010
Не в сети |
да по идее даже в коде ниже p{fint-size: 20px;} должен наследоваться для всех р, если его не переопределили. Я так понял, это особенность браузера, делать контент более удобным для восприятия на экране... Поизучаю еще, конечно, по данной теме
|
29.05.2013, 09:15 | #8 | |
blocked
|
Цитата:
p{font-family:........} и посмотри что будет |
|
11.06.2013, 09:33 | #11 |
Наночлен
Сообщений: 30,595
Регистрация: 06.09.2006
Возраст: 36
Не в сети |
|
11.06.2013, 13:21 | #13 | |
Форумец
Сообщений: 292
Регистрация: 21.01.2011
Не в сети |
Цитата:
Тут: Код:
document.body.style.fontWeight = 400; typeof document.body.style.fontWeight; // вернет "string" document.body.style.fontWeight = 'normal'; typeof document.body.style.fontWeight; // вернет "string" "normal".length > "400".length; // вернет "true" Код:
document.body.style.fontWeight = всякие_математически_вычисляемые_значения(); Но я это просто по привычке пишу числовые значения вместо строчных. Честно. Наверное. Хз. |
|
11.06.2013, 15:45 | #14 |
Наночлен
Сообщений: 30,595
Регистрация: 06.09.2006
Возраст: 36
Не в сети |
sape, резонно. про JS я и не подумал. Хотя, использования таких вычислений для толщины буковок не встречал.
|
13.06.2013, 03:59 | #16 |
noindex
Сообщений: 1,218
Регистрация: 20.12.2009
Возраст: 39
Не в сети |
Тс, курим http://htmlbook.ru/html/h1
|