页面自适应

html部分

---

 

        

            这是一个自适应的标题
        
    

---

css部分

---

.div1{
    position: relative;
}

.div2{
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 60px;


}

.headLine{
    font-size: 45px;

    border:2px solid black;
    /*border-radius: 20%;*/
    padding: 10px 10px;
}

---

完整模板代码

---

这是一个自适应的标题

---

转载于:https://www.cnblogs.com/nuister/p/adaptive_page.html