苏宁易购微信端 wx ios android other 通过js来控制样式

 1 <!DOCTYPE HTML><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta content="telephone=no" name="format-detection"><meta name="wap-font-scale" content="no"><title>玩法介绍</title><link rel="stylesheet" type="text/css" href="//res.suning.cn/public/v5/common/2.0.0/m-common.css"><script type="text/javascript">
 2 !function(){
 3 var UA = window.navigator.userAgent,
 4 docEl = document.documentElement;
 5 window.device = {
 6 isApp : UA.match(/SNEBUY-APP;?/i) ? true : false,
 7 isAndroid : UA.match(/android/i) ? true : false,
 8 isIOS : UA.match(/(iPhone|iPod|iPad);?/i) ? true : false,
 9 isWX : UA.match(/MicroMessenger/i) ? true : false
10 };
11 docEl && device.isApp && (docEl.className += ' sn-app');
12 docEl && device.isAndroid && (docEl.className += ' android');
13 docEl && device.isIOS && (docEl.className += ' ios');
14 docEl && device.isWX && (docEl.className += ' wx');
15 }()
16 </script><style type="text/css">
17 .sn-app .sn-nav,
18 .wx .sn-nav {
19 display: none
20 }
21 body {
22 margin: 0 auto;
23 max-width: 15rem;
24 }
25 </style></head><body><div class="sn-nav sn-block"><div class="sn-nav-back"><a class="sn-iconbtn" href="javascript:history.go(-1);">返回</a></div><div class="sn-nav-title of f34">玩法介绍</div></div><div class="main-content" style="background:url(assets/images/group/fullpage.png) center no-repeat;background-size: 100%;15rem;height:25.64rem"></div></body></html>

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 6     <meta name="apple-mobile-web-app-capable" content="yes">
 7     <meta name="apple-mobile-web-app-status-bar-style" content="black">
 8     <meta content="telephone=no" name="format-detection">
 9     <meta name="wap-font-scale" content="no">
10     <title>玩法介绍</title>
11     <link rel="stylesheet" type="text/css" href="//res.suning.cn/public/v5/common/2.0.0/m-common.css">
12     <script type="text/javascript">
13         !function () {
14             var UA = window.navigator.userAgent,
15                 docEl = document.documentElement;
16             window.device = {
17                 isApp: UA.match(/SNEBUY-APP;?/i) ? true : false,
18                 isAndroid: UA.match(/android/i) ? true : false,
19                 isIOS: UA.match(/(iPhone|iPod|iPad);?/i) ? true : false,
20                 isWX: UA.match(/MicroMessenger/i) ? true : false
21             };
22             docEl && device.isApp && (docEl.className += ' sn-app');
23             docEl && device.isAndroid && (docEl.className += ' android');
24             docEl && device.isIOS && (docEl.className += ' ios');
25             docEl && device.isWX && (docEl.className += ' wx');
26         }()
27     </script>
28     <style type="text/css">
29         .sn-app .sn-nav,
30         .wx .sn-nav {
31             display: none
32         }
33 
34         body {
35             margin: 0 auto;
36             max-width: 15rem;
37         }
38     </style>
39 </head>
40 <body>
41 <div class="sn-nav sn-block">
42     <div class="sn-nav-back"><a class="sn-iconbtn" href="javascript:history.go(-1);">返回</a></div>
43     <div class="sn-nav-title of f34">玩法介绍</div>
44 </div>
45 <div class="main-content"
46      style="background:url(assets/images/group/fullpage.png) center no-repeat;background-size: 100%;15rem;height:25.64rem"></div>
47 </body>
48 </html>

相关阅读:
linux less命令用法
 Spark-RDD 模型以及运行原理
 Spark 架构原理介绍以及 job、task、stag 概念
 Kafka 基本概念以及框架介绍
 负载均衡- TCP/ IP 基础知识
 JAVA多线程和并发基础面试题
 Java并发使用--线程池
 Java基础--并发编程
 事务实现原则（一）事务的改变以及JDBC事务的设计
 Spark RDD Transformation和Action
原文地址：https://www.cnblogs.com/rsapaper/p/6391559.html