1.微信端header标签中的文字默认显示变模糊,点击文字后变清晰
<header class="header-1 clearfix"> <h1>校园招聘</h1> <input class="header-1-input" type="text" placeholder="关键字" /> <a class="header-1-search" href="javascript:void(0);"></a> <a class="header-1-r-home" href="index.html"></a> </header>
css代码:
.header { position: fixed; left: 0; top: 0; z-index: 400; 100%;height: 51px; background-color: $sq_blue; color: $sq_white; text-align: center; line-height: 51px; h1 { font-size: 18px; white-space: nowrap;} } .header-l-back { display: block; position: absolute; left: 0; top: 0; 51px; height: 51px; overflow: hidden; text-indent: -999px; } .header-l-back:after { content: ''; display: block; position: absolute; left: 18px; top: 50%; margin-top: -8px; z-index: 10; 14px; height: 14px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); } .header-r-home { display: block; position: absolute; right: 0; top:0; 70px; height: 51px; overflow: hidden; background: url("../stylesheets/images/home-icon.png") no-repeat center;} .header-my { margin-right: 60px; height: 51px; line-height: 51px; margin-left: 4.9%; a { 49.9%; height: 36px;margin-top: 7px; line-height: 36px; font-size: 18px; } }