吐槽:
html,body {
margin:0px;
padding:0px;
width:100%;
height:100%;
font-family:"微软雅黑";
font-size:62.5%;
background-color:black;
}
.boxDom {
width:100%;
height:100%;
position:relative;
overflow:hidden;
}
.idDom {
width:100%;
height:100px;
background:#666;
position:fixed;
bottom:0px;
}
.list {
width:300px;
height:100%;
background:#888;
position:fixed;
right:0px;
z-index:100;
}
.ammo {
position:absolute;
width:270px;
background-color:white;
left:0px;
right:0px;
top:0px;
bottom:0px;
margin:auto;
border-radius:5px;
padding:5px;
z-index:101;
font-size:20px;
}
.content {
display:inline-block;
width:560px;
height:40px;
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
margin:auto;
}
.title {
display:inline;
font-size:4em;
vertical-align:bottom;
color:#fff;
}
.text {
border:none;
width:300px;
height:30px;
border-radius:5px;
font-size:2.4em;
}
.btn {
width:60px;
height:30px;
background:#f90000;
border:none;
color:#fff;
font-size:2.4em;
border-radius:5px;
}
.btn2 {
width:100px;
height:30px;
background:#f90000;
border:none;
color:#fff;
font-size:2.4em;
border-radius:5px;
}
span {
width:300px;
height:40px;
position:absolute;
overflow:hidden;
color:#000;
font-size:4em;
line-height:1.5em;
cursor:pointer;
white-space:nowrap;
}
.content select {
width:60px;
height:30px;
}改变字体功能未完善,这部分如有需要可自行添加少许jquery代码即可实现
详细步骤有备注。
在下新人,如有问题,望见谅!