microarch_fe_new/src/App.vue

<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
export default {
	name: 'app',
	data () {
		return {
		}
	},
	methods:{
		bodyScale() {
			// var ua = navigator.userAgent.toLocaleLowerCase();
			// if (ua.match(/chrome/) != null) {
			// 	var is360 = this._mime("type", "application/vnd.chromium.remoting-viewer");
			// 	console.log(is360)
			// 	if (!is360) {
					
			// 	}
			// }
			var devicewidth = document.documentElement.clientWidth;//获取当前分辨率下的可是区域宽度
			var scale = devicewidth / 1920; // 分母——设计稿的尺寸
			document.body.style.zoom = scale;//放大缩小相应倍数
			document.body.style.transform='scale(' + scale + ')'
			document.body.style.transformOrigin="center top"
			
			console.log(document.body.style.zoom)
			// document.write('<link rel="stylesheet" href="./assets/css/index.css">')
			
		},
		_mime(option, value) {
			var mimeTypes = navigator.mimeTypes;
			for (var mt in mimeTypes) {
				if (mimeTypes[mt][option] == value) {
					return true;
				}
			}
			return false;
		}
	},
	created() {
		// this.bodyScale()
	}
}
</script>
<style>
/*主样式*/
@import './assets/css/index.css';
@import './assets/css/scroll.css';
@import './assets/css/element.css';
@import './assets/css/iview.css';
@import './assets/css/animate.min.css';
@import './assets/css/screen.css';
@import './assets/css/leftMenu.css';
#app {
 /* font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;*/
    width: 100%;
    height: 100%;
}
body .el-table th.gutter {
    display: table-cell !important;
  }
body .el-table colgroup.gutter {
    display: table-cell !important;
}
</style>