简单协议样式

最新推荐文章于 2024-11-03 19:27:37 发布

落日长烟

最新推荐文章于 2024-11-03 19:27:37 发布

阅读量109

点赞数

文章标签： js html javascript web vue

本文链接：https://blog.csdn.net/qlzw1990/article/details/121507024

版权

简单协议样式
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>