부트 스트랩 응답 성있는 텍스트 크기

부트 스트랩 응답 성있는 텍스트 크기 [중복]

---

이 질문에는 이미 답변이 있습니다.

• 동적 문자 수에 따라 글꼴 크기를 반응 적으로 만드는 순수 CSS 11 답변

부트 스트랩을 사용하여 반응 형 레이아웃을 만들려고 노력 중이며 현재 font-size : 3em으로 일부 제목을 정의하고 있습니다.

그러나 레이아웃이 축소되면 너무 큽니다. 텍스트 크기를 반응 적으로 줄이려면 어떻게해야합니까?

---

가장 간단한 방법은 치수를 % 또는 em으로 사용하는 것입니다. 기본 글꼴 크기 만 변경하면 모든 것이 변경됩니다.

적게

@media (max-width: @screen-xs) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;}
}


h5{
    font-size: 1.4em;
}       

https://stackoverflow.com/a/21981859/406659 에서 모든 방법을 살펴보십시오.

뷰포트 단위 (vh, vw ...)를 사용할 수 있지만 Android <4.4에서는 작동하지 않습니다.

---

글쎄, 내 솔루션은 일종의 해킹이지만 작동하지만 사용하고 있습니다.

1vw = 1% of viewport width

1vh = 1% of viewport height

1vmin = 1vw or 1vh, whichever is smaller

1vmax = 1vw or 1vh, whichever is larger

h1 {
  font-size: 5.9vw;
}
h2 {
  font-size: 3.0vh;
}
p {
  font-size: 2vmin;
}

참고 URL : https://stackoverflow.com/questions/14537611/bootstrap-responsive-text-size