1 Star 0 Fork 0

CodePrince / mobile screen size auto fit

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 906 Bytes
一键复制 编辑 Web IDE 原始数据 按行查看 历史
CodePrince 提交于 2020-11-26 10:15 . xxx
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="screen-orientation"content="portrait">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" type="text/css" href="less/public.less"/>
<link rel="stylesheet" type="text/css" href="less/test.less"/>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<div class="box1">
xxx
<div class="box2">
xxx
<div class="box3">
xxx
</div>
</div>
</div>
<script type="text/javascript">
var designWid=640;
var deviceWidth=document.body.offsetWidth;
var html=document.documentElement;
var ratio=designWid/100;
console.log(ratio);
html.style.fontSize=deviceWidth/ratio+'px';
</script>
</body>
</html>
HTML
1
https://gitee.com/codePrince/mobile-screen-size-auto-fit.git
git@gitee.com:codePrince/mobile-screen-size-auto-fit.git
codePrince
mobile-screen-size-auto-fit
mobile screen size auto fit
master

搜索帮助

14c37bed 8189591 565d56ea 8189591