齐刘海适配

最新推荐文章于 2021-07-10 10:29:08 发布

dai_yanxia

最新推荐文章于 2021-07-10 10:29:08 发布

阅读量307

点赞数

分类专栏：女猿1024 文章标签： javascript js css html html5

本文链接：https://blog.csdn.net/dai_yanxia/article/details/105555455

版权

女猿1024 专栏收录该内容

36 篇文章 2 订阅

订阅专栏

齐刘海适配

<script>
			//需要插入在<head>标签内在所有脚本之前执行
			(function(win) {
				if (!win.addEventListener) return;
				var html = document.documentElement;

				function setFont() {
					function setRem() {
						var cliWidth = html.clientWidth;
						var w = document.documentElement.clientWidth,
							h = document.documentElement.clientHeight;
						var val = 750;
						switch (window.orientation) {
							case 0:
								//刘海在上边
								// displayStr = "direction_por";
								break;
							case -90:
								//刘海在右边
								// displayStr = "direction_land_ops";
								val = 1334;
								break;
							case 90:
								//刘海在左边
								// displayStr = "direction_land";
								val = 1334;
								break;
							case 180:
								//刘海在下边
								// displayStr = "direction_por_ops";
								break;
							default:
								if (w > h) {
									val = 1334;
								}
						}
						html.style.fontSize = 100 * (cliWidth / val) + 'px';
					}
					setRem();
					setTimeout(function() {
						setRem();
					}, 300);
				}
				win.addEventListener('resize', setFont, false);
				setFont();
			})(window);
		</script>