Bootstrap 3의 미디어 쿼리를 사용하여 화면 크기에 따라 글꼴 크기를 조정하려면 어떻게 해야 합니까?

Twitter Bootstrap 3에서 미디어 쿼리 사용

쿼리:

Bootstrap 3에서 미디어 쿼리를 어떻게 구현할 수 있나요? 화면에 따라 글꼴 크기를 동적으로 조정 size?

응답:

Bootstrap 3은 미디어 쿼리 정의를 위한 특정 선택기를 제공합니다:

• @media(max-width:767px) : 초소형(XS) 기기
• @media(min-width:768px): 소형(SM) 기기
• @media(min-width:992px): 중형(MD) 기기
• @media(min-width:1200px): 대형(LG) 기기

예를 들어 XS 기기에서 요소의 글꼴 크기를 조정하려면 사용:

@media (max-width: 767px) {
  .element {
    font-size: 12px;
  }
}

참고: 디버깅을 돕기 위해 페이지에 다음 HTML을 추가할 수 있습니다.

<span>

위 내용은 Bootstrap 3의 미디어 쿼리를 사용하여 화면 크기에 따라 글꼴 크기를 조정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!