移动端开发问题整理
2015-08-19 14:26
417 查看
1.微信端header标签中的文字默认显示变模糊,点击文字后变清晰
css代码:
<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; width: 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; width: 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; width: 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; width: 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 { width: 49.9%; height: 36px;margin-top: 7px; line-height: 36px; font-size: 18px; } }
相关文章推荐
- Android底部菜单栏的两种实现方式 附完整源码
- iOS 截取图片,并且保持图片原有比例,同时填充imageView
- BeeFrameWork框架下的ActiveAndroid自动生成数据库表Java文件
- Android设计模式系列--原型模式
- android帧动画,移动位置,缩放,改变透明度等动画讲解
- android帧动画,移动位置,缩放,改变透明度等动画讲解
- Android设计模式系列-适配器模式
- Android设计模式系列--工厂方法模式
- Android集成友盟分享SDK出现的 "微信发送被拒绝"" 的错误的处理方法
- iOS开发 -- 事件处理(触摸,晃动)
- Android设计模式系列-单例模式
- Android基础入门教程——2.3.8 SeekBar(拖动条)
- 反射调用android系统级API函数
- object对象如何转json格式
- iOS开发 -- 耦合 ,target/action设计模式
- Android设计模式—策略模式
- Android的签名机制
- Android设计模式系列-组合模式
- iOS添加非自带字体库
- iOS开发 -- delegate 设计模式