px 변환rem 자동 적응 핸드폰 스타일
/ px rem
var IntervalId = 0;
window.onload = function() {
IntervalId = self.setInterval("RemCount()", 100);
};
function RemCount() {
var ClientWidth = document.documentElement.clientWidth || document.body.clientWidth;
if (ClientWidth < 10) {
return;
}
var viewport = document.querySelector("meta[name=viewport]");
if (window.devicePixelRatio == 1) {
viewport.setAttribute('content', 'width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no');
}
if (window.devicePixelRatio == 2) {
viewport.setAttribute('content', 'width=device-width,initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no');
}
if (window.devicePixelRatio == 3) {
viewport.setAttribute('content', 'width=device-width,initial-scale=0.3333333333333333, maximum-scale=0.3333333333333333, minimum-scale=0.3333333333333333, user-scalable=no');
}
// 1rem = 10rem 1:16, 1:16, ( )
var ClientWidth = document.documentElement.clientWidth || document.body.clientWidth;
if (ClientWidth > 0) {
localStorage.ClientWidth = ClientWidth;
} else {
ClientWidth = localStorage.ClientWidth;
}
document.documentElement.style.fontSize = ClientWidth / 7.5 + 'px';
console.log("PHP , rem :" + ClientWidth + " / " + (ClientWidth/7.5));
if (ClientWidth > 0) {
window.clearInterval(IntervalId);
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.