부트스트랩에서 px를 rem으로 자동 변환하는 방법

CSS3에서 Rem 값과 Px 간의 변환:

#🎜 🎜#bootstrap default html｛font-size: 10px;}

rem은 루트 요소 에 상대적인 상대 크기 값입니다.

예를 들어, html의 글꼴 크기 값을 html{font-size: 87.5%;}(즉, 14px)로 설정했습니다.

관련 추천: "

부트스트랩 입문 튜토리얼"

그러면 다른 글꼴은 원하는 값을 14로 나누어 얻은 값입니다. ;# 🎜🎜#

예를 들어 기본 2012 테마 크기는 960px입니다. rem으로 변환하면 960/14=68.57142857142857rem입니다.

padding은 24/14=1.714285714입니다. 28571 4rem 등등.

위의 14는 루트 요소의 html 글꼴 크기 설정과 비교하여 62.5%로 설정하면 제수는 10이 됩니다. 비교표는 위 그림과 같습니다. right:

이 rem 단위를 사용하면 어떤 이점이 있는지는 모르겠지만 루트 요소의 글꼴 크기를 62.5%로 선택하면 px와 rem 간의 변환이 직접적으로 이루어집니다. px를 10으로 나누어 rem을 구합니다. 이는 em보다 훨씬 간단합니다. 나는 아직도 em과 px 사이를 변환하는 방법을 찾지 못했습니다.

그리고 ie8 이하에서는 rem을 지원하지 않지만, 다른 브라우저에서는 지원합니다. ie8 이하를 고려한다면 px를 설정한 후 TwentyTwelve 기본 파일처럼 rem을 설정하면 됩니다. .

위 내용은 부트스트랩에서 px를 rem으로 자동 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!