淘宝移动web自适应

来源:互联网 发布:迭代器java 线程安全 编辑:程序博客网 时间:2024/05/16 06:05
<html><head>    <meta charset="UTF-8">    <title>Document</title>    <meta name="viewport" content="initial-scale=1,maximun-scale=1,minimun-scale=1">    <script>document.documentElement.style.fontSize =  document.documentElement.clientWidth/6.4 + "px";/* 6.4=设计稿宽除以100 */</script>    <style>        body {margin:0;font-size: 16px;}    </style></head><body>    <div id='a' style="width: 6.4rem;background-color: red;">11</div>    <div id='a' style="width: 3.2rem;background-color: red;">11</div>    <div id='a' style="width: 1.6rem;background-color: red;">11</div>    <div id='a' style="width: 0.8rem;background-color: red;">11</div></body></html>
0 0
原创粉丝点击