Большой Воронежский Форум Mobile

font-size задан в пикселах. На десктопных браузерах разные блоки текста с одинаковым font-size имеют шрифт одинакового размера, как и должно быть, а на мобильном safari и подобных размер шрифта разный, хотя font-size точно везде одинаковый. В чем проблема может быть?

Пример кода:

Код:

<article id="first_article">
  <p>Что-то в параграфе</p>
</article>
<section>
  <ul id="spis1">
    <li>
    <a href="./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;
}

проблема?
кто сказал что проблема? указание шрифта - это ПРОСЬБА браузеру ПОДОБРАТЬ шрифт наиболее близкий к указанному из имеющихся (гарнитур, размеров).
В винде с размерами просто - шрифты масштабируются произвольным образом. В мобильниках этот процесс еще далек от совершенства.
так было когда то давно и на компьютерах. что делали? экспериментировали, выставляли параметры, пробовали в разных браузерах на разных компах под разными ОС.
Где достать эмуляторы телефонов подсказать?

Не, спасибо. Ну очень странно что в блоке выше шрифт с теми же стилями больше, чем в блоке ниже... Следовательно браузер может подобрать нужное значение. Вопрос - почему он подбирает его заметно разным...

вот и выясни - почему и что влияет?
размер/толщина/гарнитура и т.д.
экспериментируй и смотри что получается.
возьми исходную строку, измени размер - что получилось. еще измени. потом толщину.

Даже не проверял, но попробую предположить, что имеет смысл попробовать написать так:
#spis1 li div p{
font-size: 20px;
}

а вообще надо смареть вживую чо как

да по идее даже в коде ниже p{fint-size: 20px;} должен наследоваться для всех р, если его не переопределили. Я так понял, это особенность браузера, делать контент более удобным для восприятия на экране... Поизучаю еще, конечно, по данной теме

Spectator, мне подскажи про эмуляторы, очень хочу андроидный и винфон8

Сообщение от EXPLOIT13:
да по идее даже в коде ниже p{fint-size: 20px;} должен наследоваться для всех р, если его не переопределили. Я так понял, это особенность браузера, делать контент более удобным для восприятия на экране... Поизучаю еще, конечно, по данной теме

попробуй добавить

p{font-family:........}

и посмотри что будет

Наследовано от body... Есть еще идеи?

Сообщение от EXPLOIT13:
Наследовано от body... Есть еще идеи?

Конечно:

Код:

*{
    font-size: 20px;
    list-style: none; /* что бы не казалось */
    font-weight: 500;
    font-family: sans-serif;
}

Сообщение от sape:
font-weight: 500;

А в чем тонкая мораль использования числовых значений? Чисто для саморазвития.

ды нету морали вроде - просто диапазон величин шире чем константами
вот сам не знаю зачем 500 когда 400 это normal

здесь суть наверно больше в звездочке *{ - хз

Сообщение от DRON-ANARCHY:
А в чем тонкая мораль использования числовых значений? Чисто для саморазвития.

Тут морали вроде нет.
Тут:

Код:

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 = всякие_математически_вычисляемые_значения();

не знаю может и есть.
Но я это просто по привычке пишу числовые значения вместо строчных. Честно.

Сообщение от anadonam:
здесь суть наверно больше в звездочке *{ - хз

Наверное. Хз.

sape, резонно. про JS я и не подумал. Хотя, использования таких вычислений для толщины буковок не встречал.

Ну имел в виду 400 по-короче немного, чем normal (в 2 раза). Но не суть.

Сообщение от DRON-ANARCHY:
Хотя, использования таких вычислений для толщины буковок не встречал.

Аналогично, но чем черт не шутит.