아주 간단 한 웹 모 바 일 엔 드 remi 적합

remi 는 모 바 일 엔 드 에 적합 하여 이미 많은 웹 개발 의 사랑 을 받 았 다.사실 간단하게 remi 를 만 드 는 것 은 매우 쉽다.세 군데 만 도입 하면 된다.
html 에서 도입
meta 에서 적합 한 성명 을 작성 합 니 다.


 


script 도입
여기 서 나 는 10 을 나 누 는 처리 로 서 당연히 네가 계산 하기에 편리 하 다 고 생각 하 는 값 으로 바 꿀 수 있다.

  document.getElementsByTagName('html')[0].style.fontSize = 
      (document.documentElement.clientWidth || document.body.clientWidth) / 10 + 'px';


편집기 에서 px 변환 remi 플러그 인 을 가 져 옵 니 다.
저 는 vscode 를 사용 합 니 다. 플러그 인 에 검색 소 px2rem 를 넣 고 첫 번 째 를 설치 하면 됩 니 다.플러그 인 기본 html 글꼴 크기 (root font size) 는 16px 로 설정 되 어 있 습 니 다. 제 가 사용 하 는 디자인 원 고 는 모두 아이 폰 6 크기 이기 때문에 여기 서 37.5 로 바 꾸 었 습 니 다.
4. 567917. 주의: 여 기 는 당신 이 도입 한 script 이 만 든 계수 로 전환 합 니 다
편집 기 를 다시 시작 하 는 것 을 잊 지 마 세 요.그리고 css 파일 에서 편집 할 수 있 습 니 다. 비고 도 가지 고 브 라 우 저 에서 볼 수 있 는 것 을 추천 합 니 다.

좋은 웹페이지 즐겨찾기