Sublime Text 3에서 px를 rem으로 변환하는 플러그인 설치 및 사용

rem 단위는 모바일 단말에서 상대적으로 강력하기 때문에 여기서는 sublime text 3에서 px를 rem으로 변환하는 플러그인의 설치 및 사용법을 소개하겠습니다. 이 플러그인을 설치하기만 하면 됩니다. 그리고 sublime이 얼마만큼의 px를 입력할지 묻는 메시지가 표시됩니다. 해당 rem 값을 직접 계산할 필요가 없습니다! !

1. 먼저 다음 주소에서 플러그인을 다운로드하세요: https://github.com/hyb628/cssrem.git

2. 다운로드한 플러그인의 압축을 풀고 sublime을 열고

Sublime Text -> Preferences -> 패키지를 찾아 압축을 푼 폴더를 열린 파일 아래에 넣습니다.

3. 이제 플러그인이 설치되었습니다. CSS에 원하는 값을 입력하면 해당 프롬프트가 표시됩니다.

다음 항목을 입력하면 자동으로 변환됩니다.

4. 여기서 40은 플러그인의 기본 기준 값이며 필요에 따라 변경할 수 있습니다.

Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-user에서 기본 숫자와 변환된 십진수를 수정하려면 다음 매개변수 구성을 입력하세요. > { "px_to_rem": 60, //px와 rem의 단위 비율, 기본값은 40입니다.

"max_rem_fraction_length": 6, //px와 rem의 소수 부분의 최대 길이입니다. 기본값은 6입니다.

"available_file_types": [".css", ".less", ".sass",".html"]
//이 플러그인의 파일 형식을 활성화합니다. 기본값은 다음과 같습니다: [".css", ".less", ".sass"]
}

사진:

수정 후 베이스 번호가 변경되었습니다: