zoukankan      html  css  js  c++  java
  • 苏宁易购微信端 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>
  • 相关阅读:
    Layui的省市区三级联动
    Uncaught SyntaxError: Unexpected token ','
    Cannot use 'in' operator to search for '23' in
    Linux 递归批量删除文件夹或文件的命令
    PHPstorm常用快捷键(Windows)
    Isset、empty、count、is_null的比较
    PHPstorm快捷键的学习
    Elasticsearch索引按月划分以及获取所有索引数据
    Elasticsearch入门
    java自学-流程控制语句
  • 原文地址:https://www.cnblogs.com/rsapaper/p/6391559.html
Copyright © 2011-2022 走看看