惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

H
Hackread – Cybersecurity News, Data Breaches, AI and More
宝玉的分享
宝玉的分享
月光博客
月光博客
爱范儿
爱范儿
阮一峰的网络日志
阮一峰的网络日志
酷 壳 – CoolShell
酷 壳 – CoolShell
Recent Announcements
Recent Announcements
A
About on SuperTechFans
T
The Blog of Author Tim Ferriss
博客园 - 叶小钗
U
Unit 42
aimingoo的专栏
aimingoo的专栏
Y
Y Combinator Blog
Martin Fowler
Martin Fowler
N
Netflix TechBlog - Medium
博客园 - 司徒正美
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
云风的 BLOG
云风的 BLOG
M
MIT News - Artificial intelligence
大猫的无限游戏
大猫的无限游戏
J
Java Code Geeks
V
Visual Studio Blog
腾讯CDC
IT之家
IT之家

博客园 - 深蓝--广州

AngularJs angular.identity和angular.noop详解 css中clearfix清除浮动的用法及其原理示例介绍 opacity与RGBA透明的区别 CSS3 Gradient javascript语言精粹 严格模式认识 Promise与Defer认识 使用javascript打开一个新页而不被浏览器屏蔽 关于浏览器缓存 ie6下js更新元素display:block后,仍然不显示的hack办法 jQuery jsonp无法捕获404、500状态错误 修改input的type属性 transform:rotate在手机上显示有锯齿的解决方案 javascript钩子机制 jQuery.validate 常用方法及注意问题 SWFObject推出2使用示例 .NET种Json时对单引号和特殊字符串的处理 自定义枚举类型注释属性,并在程序中获取 Python Win32 Extensions
移动端开发问题整理
深蓝--广州 · 2015-08-19 · via 博客园 - 深蓝--广州

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; 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; }
}