手机端rem简单配置相关
1 <!DOCTYPE html>
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head runat="server">
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6 <title></title>
7 <link href="/Content/css/bootstrap.min.css" rel="stylesheet" />
8 <style type="text/css">
9 html {
10 font-size: 625%;
11 }
12
13 body {
14 font-size: .16rem; //相当于16px的含义
15 background-color:#ffffff;
16 }
17
18 div, p, h1, h2, h3, h4, ul, li, dl, dd {
19 margin: 0px;
20 padding: 0px;
21 }
22
23 img.imgshow {
24 max-width: 100%;
25 display: block;
26 }
27
28 .content {
29 width: 100%;
30 background-color: #f00;
31 height: auto;
32 }
33 .product_info .price {
34 float: left;
35 color: #666;
36 letter-spacing: 0.02rem;
37 font-weight: normal;
38 font-size: 0.14rem;
39 }
40 .content-list dl {
41 background-color: #ffffff;
42 margin-bottom: 0.08rem;
43 }
44 </style>
45 </head>
已经在微信公众号H5中测试OK