JS rem 設置


(function () {
	var docEl = document.documentElement;
	var resize = 'orientationchange' in window ? 'orientationchange' : 'resize';
	var setRem = function () {

		var screenWidth = docEl.clientWidth || window.screen.width || 360;
		// 1080 PSD寬度(可變的)
		docEl.style.fontSize = (100 * screenWidth / 1080) + 'px';
	}; 

	window.addEventListener('resize', setRem, false);
	setRem();
})();

// 用法
psd量出來的像素距離 除以100 比如psd: 100px 轉換后 1rem;

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM