Przeglądaj źródła

新增首页 可视化宽高适配

wuyongxiang 4 lat temu
rodzic
commit
e16068f3b4
2 zmienionych plików z 6 dodań i 1 usunięć
  1. 3 0
      screenAndroid/homeNew.html
  2. 3 1
      screenIos/homeNew.html

+ 3 - 0
screenAndroid/homeNew.html

@@ -189,7 +189,10 @@
 		<script type="text/javascript">
 			var html = document.querySelector("html");
 			var clientWidth = html.getBoundingClientRect().width;
+			var clientheight = window.innerHeight;
 			html.style.fontSize = clientWidth / 23.4375 + "px";
+			const ch = 14 / (clientheight / clientWidth)	
+			$('.swiper-slide').css("padding", `14% ${ch}%`)
 			var app = new Vue({
 				el: '#homeapp',
 				data: {

+ 3 - 1
screenIos/homeNew.html

@@ -184,8 +184,10 @@
 		<script type="text/javascript">
 			var html = document.querySelector("html");
 			var clientWidth = html.getBoundingClientRect().width;
+			var clientheight = window.innerHeight;
 			html.style.fontSize = clientWidth / 23.4375 + "px";
-
+			const ch = 14 / (clientheight / clientWidth)	
+			$('.swiper-slide').css("padding", `14% ${ch}%`)
 			// var player = new PCMPlayer({
 			// 	encoding: '16bitInt',
 			// 	channels: 2,