谷歌浏览器小字体处理方案即12px以下字体


Posted in HTML / CSS onDecember 17, 2013

谷歌浏览器是不支持12px以下小字体的,可能是考虑到用户体验吧。
网上也有一些文章介绍,说可以使用:

-webkit-text-size-adjust:none;
但是,自chrome 27之后,就取消了对这个属性的支持。

我们还有其它办法解决这个问题吗?

谷歌浏览器支持CSS缩放,于是,我们可以在这方面做文章:

-webkit-transform: scale(0.5);

既然最小支持到12px,那么就以12px为基点进行缩放,

同时可以使用-webkit-transform-origin-x: 0; 来解决缩放后margin-left的位移问题:

.test_tag{
font-size:12px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.5833333333333334);
}
scale值的计算方法为: 7 / 12 = 0.5833333333333334
 
HTML / CSS 相关文章推荐
CSS3 3D制作实战案例分析
Sep 18 HTML / CSS
CSS3+font字体文件实现圆形半透明菜单具体步骤(图解)
Jun 03 HTML / CSS
css3进行截取替代js的substring
Sep 02 HTML / CSS
CSS3中HSL和HSLA的简单使用示例
Jul 14 HTML / CSS
HTML5实现表单自动验证功能实例代码
Jan 11 HTML / CSS
5分钟弄清楚html5的drag and drop(小结)
Apr 10 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
Jun 09 HTML / CSS
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
Mar 22 HTML / CSS
HTML5自定义属性的问题分析
Aug 16 HTML / CSS
HTML通过表单实现酒店筛选功能
May 18 HTML / CSS
css中有哪些方式可以隐藏页面元素及区别
Jun 16 HTML / CSS
box-shadow单边阴影的实现
May 21 HTML / CSS
利用html5的websocket实现websocket聊天室
Dec 12 #HTML / CSS
html5拍照功能实现代码(htm5上传文件)
Dec 11 #HTML / CSS
html5教程实现Photoshop渐变色效果
Dec 04 #HTML / CSS
html5教程调用绘图api画简单的圆形代码分享
Dec 04 #HTML / CSS
html5教程画矩形代码分享
Dec 04 #HTML / CSS
html5教程制作简单画板代码分享
Dec 04 #HTML / CSS
html5 viewport使用方法示例详解
Dec 02 #HTML / CSS
You might like
hessian 在PHP中的使用介绍
2010/12/13 PHP
删除html标签得到纯文本可处理嵌套的标签
2014/04/28 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
PHP函数nl2br()与自定义函数nl2p()换行用法分析
2016/04/02 PHP
Yii2使用自带的UploadedFile实现的文件上传
2016/06/20 PHP
PHP+JQuery+Ajax实现分页方法详解
2016/08/06 PHP
PHP函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
JS target与currentTarget区别说明
2011/08/28 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
Move.js入门
2017/02/08 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
基于jQuery实现无缝轮播与左右点击效果
2018/05/13 jQuery
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
Nodejs在局域网配置https访问的实现方法
2020/10/17 NodeJs
Python使用正则表达式过滤或替换HTML标签的方法详解
2017/09/25 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
python制作简单五子棋游戏
2019/06/18 Python
Python下划线5种含义代码实例解析
2020/07/10 Python
Python判断变量是否是None写法代码实例
2020/10/09 Python
全球知名提供各类营养保健品的零售商:Vitamin Shoppe
2016/10/09 全球购物
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
银行求职推荐信范文
2013/11/30 职场文书
建筑工程管理专业自荐信范文
2013/12/28 职场文书
公务员转正鉴定材料
2014/02/11 职场文书
承诺书怎么写
2014/03/26 职场文书
环卫工人先进事迹材料
2014/06/02 职场文书
经济类毕业生求职信
2014/06/26 职场文书
2014年医院个人工作总结
2014/12/09 职场文书
护士个人年度总结范文
2015/02/13 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
python3.7.2 tkinter entry框限定输入数字的操作
2021/05/22 Python
Java实现房屋出租系统详解
2021/10/05 Java/Android
vue @click.native 绑定原生点击事件
2022/04/22 Vue.js