手机端rem简单配置相关

小半 • 2022年12月21日下午9:50 • .NET • 阅读 71

手机端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

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/63973.html

手机端rem简单配置相关

相关推荐