1

Как можно вычислить размер шрифта, чтобы текст занимал всю ширину блока? Текст может быть как из одного слова, так и из нескольких, но в одну строку.

Frontender
  • 2,615
  • На этот вопрос уже отвечали https://ru.stackoverflow.com/questions/653093/%D0%A0%D0%B0%D0%B7%D0%BC%D0%B5%D1%80-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0-%D0%BE%D1%82%D0%BD%D0%BE%D1%81%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE-%D1%88%D0%B8%D1%80%D0%B8%D0%BD%D1%8B-%D0%B1%D0%BB%D0%BE%D0%BA%D0%B0 – coder675 Mar 18 '18 at 12:22

1 Answers1

1

Все зависит от конкретной задачи... Советую обратить внимание на величины em, rem, vw, vh, vmin, vmax

* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
  background: #272727;
}


#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}


h1 {
  width: 40vmin;
  background: orange;
  position: absolute;
  top: 50px;
  font-size: 10vmin;
  color: white;
  text-align: center;
}
<div id="wrapper" class="ns">
  <h1>Lorem ipsum dolor sit amet</h1>
</div>
Air
  • 14,505
  • В вопросе не спроста указаны тэги javascript и jquery. WV не кроссбраузерно, и также размер шрифта должен высчитываться автоматически при смене текста в блоке. – Frontender Mar 18 '18 at 12:43
  • Виктор, те величины которые я в ответе указал, всеми браузерами поддерживаются... Ну, а если IE 6 7 8 9 10 тоже поддерживать должны, тут уж извини.... Я пас... – Air Mar 18 '18 at 12:48
  • Ты просто поэкспериментируй данными величинами, увидишь, как это удобно... – Air Mar 18 '18 at 12:54
  • Я не спорю, что это удобно :-) IE 9,10 нужны :-( – Frontender Mar 18 '18 at 12:58
  • Сожалею, Виктор... Ну тогда пройди по ссылке под вопросом, там есть решение.... – Air Mar 18 '18 at 13:05