rem布局 - 1556461835/note GitHub Wiki

项目中使用rem布局方式

由于后台管理系统登录界面要求美观，不易变形，所以采取rem布局

设计稿为1920*1080，所以我们rem的写法为：

export default {
		data() {
			return {

			}
		},
		methods: {
			/**
			 * @description: rem比例换算
			 */
			font() {
				let clientWidth = document.documentElement.clientWidth;
				document.documentElement.style.fontSize = clientWidth / 19.2 + 'px';
				window.onresize = function temp() {
					let clientWidth = document.documentElement.clientWidth;
					document.documentElement.style.fontSize = clientWidth / 19.2 + 'px';
				}
			}
		},
		mounted() {
			this.font()
		},
	}