| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
- <link rel="stylesheet" type="text/css" href="public.css"/>
- <title>红包雨</title>
- <style type="text/css">
- body{
- background:linear-gradient(90deg,#FF9000,#FF5000);
- height:6.5rem;
- }
- .body{
- width: 100%;
- height: 100%;
- background: url(img/bgImg.png) no-repeat;
- background-size: 100% 100%;
- text-align: center;
- overflow: hidden;
- display: flex;
- }
- .describe{
- width: 2.75rem;
- text-align: center;
- font-size: 0.16rem;
- line-height: 0.3rem;
- color: #535353;
- margin: auto;
- }
- .describe text{
- color: #FC3907;
- font-size: 0.2rem;
- padding: 0.05rem;
- }
-
- </style>
- </head>
- <body>
- <div class="body">
- <p class="describe">【最大红包雨】今晚<text>8点</text>准时抢！<br/>时间还没到哦(*^_^*)</p>
- </div>
- </body>
- </html>
- <script type="text/javascript">
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
- window.onresize = function(){
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
- }
- </script>
|
