ada
Version:
a simple frentend build tool
55 lines (54 loc) • 2.17 kB
HTML
<html lang="zh-Hans-cmn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ada</title>
<script type="text/javascript">
(function(d,c){var e=d.documentElement,a="orientationchange" in window?"orientationchange":"resize",b=function(){var f=e.clientWidth;if(!f){return}if(f>=750){e.style.fontSize="40px"}else{e.style.fontSize=40*(f/750)+"px"}};if(!d.addEventListener){return}b();c.addEventListener(a,b,false);d.addEventListener("DOMContentLoaded",b,false)})(document,window); // eslint-disable-line
</script>
<link rel="stylesheet" href="/dist/css/test.css">
</head>
<body>
<div class="wrap">
<h3>图片测试</h3>
<div class="big"></div>
<hr>
<h3>图片(base64)测试, Autoprefixer 测试</h3>
<div class="logo"></div>
<hr>
<h3>雪碧图测试</h3>
<span class="icon icon-html5"></span>
<span class="icon icon-twitter"></span>
<span class="icon icon-instagram"></span>
<span class="icon icon-facebook"></span>
<span class="icon icon-youtube"></span>
<hr>
<h3>iconfont 测试</h3>
<span class="iconfont icon-iPhone"></span>
<span class="iconfont icon-MacBookPro"></span>
<span class="iconfont icon-iPad"></span>
<span class="iconfont icon-AppleWatchSeries"></span>
<hr>
<h3>字体 测试</h3>
<div class="font">
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
<br/>
a b c d e f g h i j k l m n o p q r s t u v w x y z
<br/>
1 2 3 4 5 6 7 8 9 0
</div>
<hr>
<h3>Handlebars 测试</h3>
<div id="hbs-test"></div>
<hr>
<h3>其他页面</h3>
<a class="link" href="./index.html">Index</a>
<a class="link" href="./test.html">Test</a>
<a class="link" href="./test.vue.html">Vue</a>
<a class="link" href="./test.react.html">React</a>
</div>
<script src="/dist/js/test.js"></script>
</body>
</html>