HTML, как адаптировать размер шрифта текста в div к его размерам?

Добрый день. У меня есть контейнер, который занимает 50% по ширине и высоте, в этом у меня есть абзац, при изменении размера div (изменение размера окна браузера) он берет свои проценты в соответствии с размером окна, так что если Я даю источнику абзаца фиксированный размер переполнения в некоторых размерах окна. Какое свойство, свойства или библиотеку я должен использовать, чтобы решить эту проблему? Заранее спасибо.

5
задан 21.06.2017, 01:05
2 ответа

Согласно которому я читаю в вопросе, я буду понимать, что контейнер занимает всегда 50 % высоты / ширины viewport.

В этом порядке идей самое легкое состояло бы в том, чтобы использовать единицу средства vw (viewport width), в которой каждая единица равняется точке в % ширины видимой зоны:

.container {
  border: solid 1px blue;
  width: 50%;
}

p {
  font-size: 3vw; 
}
<div class="container">
  <p>
    ¡Hola mundo!
  </p>
</div>

В этом примере мы распределяем ему размер в шрифт 3 % ширины viewport, такой формы он приспособится к любому разрешению экрана, пропорциональной формы.

Есть техники, более продвинутые с calc () и единицы средства vw, но я думаю, что они не, внутри которого он осведомляется.

5
ответ дан 24.11.2019, 13:37
  • 1
    большое спасибо, твой ответ решил проблему –  devjav 17.08.2016, 22:26

Чтобы приспосабливать стили к размерам ты был бы должен оценивать осуществлять media queries

CSS происходит queries

CSS3 Средний показатель Queries - Examples

, как ты будешь наблюдать, что ты можешь определять стили, которые применялись согласно размерам экрана

@media (min-width: 700px) { ... }

в них..., ты определяешь стиль, который ты хочешь, чтобы он применился, когда минимум будет 700px, это простой пример, но может вооружать более сложные вещи

1
ответ дан 24.11.2019, 13:37