简单协议样式
1、一种很简单的样式，自己留存用的，对于后端的我来说，这就足够了，前端大佬请飘过~~~
1 <style>
2 .content{
3 font-size: 0.24rem;
4 width: 6.5rem;
5 margin: 0 auto;
6 }
7 .content .total_title{
8 padding-top: 0.3rem;
9 text-align: center;
10 font-size: 0.4rem;
11 }
12 .content .little_title{
13 padding: 0.2rem 0;
14 text-indent: 0.45rem;
15 font-weight: 700;
16 }
17 ul li{
18 padding-top: 0.1rem;
19 text-indent: 0.45rem;
20 }
21 </style>
2、附录 rem.js
1 !function(n){
2 var e=n.document,
3 t=e.documentElement,
4 i=750,
5 d=i/100,
6 o="orientationchange"in n?"orientationchange":"resize",
7 a=function(){
8 var n=t.clientWidth||320;n>750&&(n=750);
9 t.style.fontSize=n/d+"px"
10 };
11 e.addEventListener&&(n.addEventListener(o,a,!1),e.addEventListener("DOMContentLoaded",a,!1))
12 }(window);
3、HTML结构
1 <body>
2 <div>
3 <div class="content">
4 <p class="total_title">协议</p>
5 <p class="little_title">xxx</p>
6 <ul>
7 <li>
8 xxx
9 </li>
10 <li>
11 xxx
12 </li>
13 <li>
14 xxx
15 </li>
16 <li>
17 xxx
18 </li>
19 <li>
20 xxx
21 </li>
22 <li>
23 本协议阅读后即可生效。
24 </li>
25 </ul>
26 </div>
27 </div>
28 </body>
4、最后附上一张效果图
