<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta name="apple-mobile-web-app-title" content="应用标题"> <!-- uc强制竖屏 --> <meta name="screen-orientation" content="portrait"> <!-- UC强制全屏 --> <meta name="full-screen" content="yes"> <!-- UC应用模式 --> <meta name="browsermode" content="application"> <!-- QQ强制竖屏 --> <meta name="x5-orientation" content="portrait"> <!-- QQ强制全屏 --> <meta name="x5-fullscreen" content="true"> <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app"> <!-- 是针对一些老的不识别viewport的浏览器,列如黑莓 --> <meta name="HandheldFriendly" content="true"> <!--meta viewport--> <meta name="viewport" content="width =device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <!-- 其中:--> <!-- width – viewport的宽度--> <!-- height – viewport的高度--> <!-- initial-scale – 初始的缩放比例--> <!-- minimum-scale – 允许用户缩放到的最小比例--> <!-- maximum-scale – 允许用户缩放到的最大比例--> <!-- user-scalable – 用户是否可以手动缩放--> <!-- 微软的老式浏览器 --> <meta name="MobileOptimized" content="320"> <title>用户绑定完成</title> <link rel="apple-touch-icon-precomposed" href="custom_icon.png"> <!-- nirvana --> <link rel="stylesheet" href="../dist/css/nirvana.css" media="all"> <!-- 公用库 --> <style> .container { padding-top: 10px; } .figure .grid { border-top: none; border-bottom: none; } </style> </head> <body> <header class="demonav"> <h1><span> 微信帐号绑定完成</span></h1> </header> <section class="main"> <!-- single page --> <article class="page" id="wrapper" style=""> <div class="container"> <div class="grid" style="color:gray;"> <span> </span> <span>你的微信帐号已绑定成功,可进入公众号使用相关服务</span> </div> </div> </article> </section> <!-- page slide container E --> </body> </html>