유 니 버 설 모 바 일 REM 적합

1101 단어
이동 단 어댑터 방법 이 비교적 많 습 니 다. 가장 좋아 하 는 것 은 REM 어댑터 입 니 다. js 를 통 해 font - size 의 수 치 를 바 꿉 니 다.
주: 일부 기종 (예 를 들 어 Nexus 5, 영광 X4 등) 에 대해 REM 계산 에 편차 가 있 습 니 다. 예 를 들 어 fons - size 는 100 px 를 설정 하고 getComputed Style 을 통 해 얻 은 값 은 85px 입 니 다. 이런 상황 을 교정 해 야 합 니 다.
  
    //   js
    (function () {
        function get() {
            var size = window.getComputedStyle(document.documentElement, null).getPropertyValue("font-size");
            return parseFloat(size);
        }
        function set(size) {
            document.documentElement.style.fontSize = size + "px";
        }
        // 720      ,100   ,  :        100px,CSS  1rem
        var size = 100 * (window.innerWidth / 720);
        set(size);
        //   html    
        function fix() {
            var target = 100 * (window.innerWidth / 720).toFixed(4);
            var current = get().toFixed(4);
            if (current != target) {
                var size = target * (target / current);
                set(size)
            }
        }
        fix();
    })();   

좋은 웹페이지 즐겨찾기