149条记录

响应式remjs

var zoom = window.devicePixelRatio || window.screen.deviceXDPI / window.screen.logicalXDPI;
console.log(zoom);
fontSize();
$(window).resize(function() {
	fontSize();
});

function fontSize() {
	var size;
	var winW = window.innerWidth;
	if (winW <= 1800 && winW > 800) {
		size = Math.round(winW / 18);
	} else if (winW <= 800) {
		size = Math.round(winW / 7.5);
		if (size > 65) {
			size = 65;
		}
	} else {
		size = 100;
	}
	if (zoom == 1.25) {
		$('html').css({
			'font-size': size / 1.2 + 'px'
		})
	} else if (zoom == 1.5) {
		$('html').css({
			'font-size': size / 1.4 + 'px'
		})
	} else {
		$('html').css({
			'font-size': size + 'px'
		})
	}
	if (zoom == 1.25) {
		$('html').addClass('zoom125')
	} else if (zoom == 1.5) {
		$('html').addClass('zoom150')
	}

}