YAOHAIXIAO.COM

HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao

热门标签:JavaScript Performance 前端开发 前端性能优化 原创

Rss

Home » Posts tagged "Chrome"

给 WordPress 在 Chrome 浏览器中添加语音搜索功能

给 WordPress 在 Chrome 浏览器中添加语音搜索功能

为了优化 BlueNight 主题的用户体验,给 BlueNight 主题添加了对 Chrome 浏览器的语音搜索功能。 语音搜索功能对于于老年人、残障人士、偷懒人群是一个非常有用功能。不过这个功能目前只能在 Chrome 11+ 的谷歌浏览器上看到这个效果。例如本博客在 Google 的 Chrome(23.0.1271.97 m) 浏览器中显示的那样: 在 Chrome中实现语音搜索很简单,只需要在 WordPress 的 searchform.php 文件的代码加上 x-webkit-speech 特殊属性就可以轻松搞定: <form method=”get” action=”/” class=”searchform t… [阅读全文]

-webkit-text-size-adjust: none; 解决 Chrome 浏览器中设置小于 12px 的字体大小问题

-webkit-text-size-adjust: none; 解决 Chrome 浏览器中设置小于 12px 的字体大小问题

不知道说是 Chrome 智能呢?还是说它多此一举?Chrome 浏览器中存在默认会自动将小于 11px 大小的字体调整为 12px。我在写 BlueNight 主题的最新评论时候就设置了评论发布时间为 11px ,无意中有再次发现 Chrome 的这个字体显示问题(最早还是在阿里国际站的时候第一次遇到这个问题)。看看这样的代码: .date-small { font-size: 11px; } .date-normal { font-size: 12px; } 用 Chrome 浏览器打开,你会发现两个 CSS 产生的显示结果是一样的,11px 自动变为了 12px。一般情况下,字体大 1px 没有多大影响,但是像 BlueNig… [阅读全文]