|
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
- <style>
- html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:12px;vertical-align:baseline}
- ol, ul {list-style:none} :focus {outline:none; }
- table {border-collapse:collapse;border-spacing: 0}
- caption, th, td { text-align: left; font-weight: normal}
- strong {font-weight:600}
- a{font:12px Arial;text-decoration:none;color:#404040;cursor:pointer;}
- a:hover{text-decoration:underline;color:#FF3300}
- h1{font-size:16px;font-weight:600;color:#666} .left{float:left} .right{float:right} .clear{clear:both}
-
-
- </style>
- </head>
- <script>
- (function (doc, win) {
- var docEl = doc.documentElement,
- resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
- recalc = function () {
- var clientWidth = docEl.clientWidth;
- if (!clientWidth) return;
- docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
- };
- if (!doc.addEventListener) return;
- win.addEventListener(resizeEvt, recalc, false);
- doc.addEventListener('DOMContentLoaded', recalc, false);
- })(document, window);
- </script>
- <body>
- <span style="font-size:16rem; background:#e60012;">大</span>
- </body>
- </html>
|
