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

posted @ 2021-02-09 17:35 天天向上518 阅读(95) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

天天向上518

手机端rem简单配置相关

公告

搜索

常用链接

最新随笔

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论