Масштабирование шрифта в зависимости от ширины контейнера

Question

Масштабирование шрифта в зависимости от ширины контейнера

Вы можете использовать метод setArray, упомянутый в , этот javadoc :

PreparedStatement statement = connection.prepareStatement("Select * from emp where field in (?)");
Array array = statement.getConnection().createArrayOf("VARCHAR", new Object[]{"E1", "E2","E3"});
statement.setArray(1, array);
ResultSet rs = statement.executeQuery();

1011

font-size css responsive-design

задан Pang 30 June 2016 в 03:39

1 ответ

Другие вопросы по тегам:

font-size css responsive-design

Похожие вопросы:

score 0 · Answer 1

Мастерски, если необходимо соответствовать двум или больше строкам текста в той же ширине независимо от их счетчика символов затем, у Вас есть хорошие опции.

Лучше находить динамическое решение так независимо от того, что текст введен, мы заканчиваем с хорошим дисплеем.

Позволяют нам видеть, как мы можем приблизиться.

var els     = document.querySelectorAll(".divtext"),
refWidth    = els[0].clientWidth,
refFontSize = parseFloat(window.getComputedStyle(els[0],null)
                               .getPropertyValue("font-size"));

els.forEach((el,i) => el.style.fontSize = refFontSize * refWidth / els[i].clientWidth + "px")

#container {
  display: inline-block;
  background-color: black;
  padding: 0.6vw 1.2vw;
}
.divtext {
  display: table;
  color: white;
  font-family: impact;
  font-size: 4.5vw;
}

<div id="container">
  <div class="divtext" data-len="">THIS IS JUST AN</div>
  <div class="divtext" data-len="">EXAMPLE</div>
  <div class="divtext" data-len="">TO SHOW YOU WHAT</div>
  <div class="divtext" data-len="">YOU WANT</div>
</div>

Все, что мы делаем, должно получить ширину (els[0].clientWidth) и размер шрифта (parseFloat(window.getComputedStyle(els[0],null).getPropertyValue("font-size"))) из первой строки как ссылка и затем просто вычислить последующий размер шрифта строк соответственно.