吐槽:
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代码即可实现
详细步骤有备注。
在下新人,如有问题,望见谅!