부트스트랩 응답 텍스트 크기
부트스트랩을 사용하여 응답형 레이아웃을 구축하려고 하고 있으며 현재 일부 제목을 글꼴 크기:3em으로 정의하고 있습니다.
하지만 레이아웃을 줄이면 너무 커요.텍스트의 크기를 어떻게 대응적으로 줄일 수 있습니까?
가장 간단한 방법은 % 또는 em 단위로 치수를 사용하는 것입니다.기본 글꼴 크기만 변경하면 모든 것이 바뀝니다.
더 적은
@media (max-width: @screen-xs) {
body{font-size: 10px;}
}
@media (max-width: @screen-sm) {
body{font-size: 14px;}
}
h5{
font-size: 1.4rem;
}
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
'programing' 카테고리의 다른 글
| 페이드 효과가 있는 요소 추가 [jQuery] (0) | 2023.10.17 |
|---|---|
| setjmp/longjmp 및 지역 변수 (0) | 2023.10.17 |
| MariaDB - 온라인 이동/보관 테이블 (0) | 2023.10.17 |
| Oracle에서 저장 프로시저를 팀 단위로 작업할 수 있는 툴? (0) | 2023.10.17 |
| Symfony 2: 교리 쿼리 작성기가 있는 관련 없는 테이블의 내부 조인 (0) | 2023.10.17 |