自Chrome27开始chrome正式取消了-webkit-text-size-adjust属性,所有字号最小为12px。
但是由于开发的需求,咱们需要有些文字能小于12px,怎么办呢?
如果希望设置为以前的9px效果,可以重新使用一个div包裹文字,并对此div使用:
.webkit {
font-size: 9px;
-webkit-transform: scale(0.75);
}
12×0.75=9,对于其它浏览器来说,9px默认识别,仅需要对于webkit浏览器进行缩放。
后续测试
本以为这样就可以了,没想到在多浏览器测试下又有问题。
Chrome下显示效果:
Firefox下显示效果:
Opera下显示效果:
得出结论:Chrome下由于启用了缩放,所以字符间距出现问题,影响了美观;
Firefox下完美;
Opera能够识别-webkit-前缀(而且在检查元素时还抹掉了前缀),但又能够显示12px以下的字号,结果变成了9×0.75,看着像撸多了。
对于opera我只能无语,又得画蛇添足:
.webkit {
font-size: 9px;
-webkit-transform: scale(0.75);
-o-transform: scale(1);
}
然后使用px调整div的位置,看起来似乎是OK的
分享到:
相关推荐
这个不知道算不算Chrome的BUG,有人说他是人家臣Chrome的人性化设置,因为小于12px的文字会比较难看得清楚,不过有时项目需要设置小于12px的文字大小。 不去讨论是否是Chrome的BUG吧,先解决了问题再说! 设置:-...
这个我们在做移动端的时候,设计师图片上的文字假如是10px,我们实现在网页上之后。其实我们都知道,谷歌Chrome最小字体是12px,不管你设置成8px还是10
chrome设置编码插件: chrome://extensions/
chrome单独设置http与socks代理的方法(不使用操作系统代理)
Chrome 轻松导入导出书签与设置方法
谷歌chrome模拟手机浏览器伪造位置方法.docx
selenium启动chrome浏览器,初始化driver需要默认获取用户配置,可以在driver里配置chrome的参数,记得用此方法,需要关闭所有chrome。
Google Chrome Backup 是一款完整备份Chrome设置(包括历史和扩展), Chrome 历史记录、书签、扩展等等信息的工具,支持 Chromium 及 Portable 版本。 如果使用的是安装版的 Chrome,那么运行 Google Chrome Backup...
chrome官方最新版本 ( Chrome.exe ) 您可以上传小于50MB的文件 资源名称: 不小于5个汉字或10个字母,详细的标题容易被下载。 资源类型: 关键词(Tag): 单个tag不多于12个字符,多个关键字请用空格...
chrome chrome
相信不少做网站的用户会有这样一个问题,Chrome 默认最小字体是12px(最新版英文也有此问题),这个是 Chrome 为了更好显示中文设计的,但是这样一来就会出现某些上标、下标字体过大,影响用户体验。之前在开发...
chrome chrome chrome chrome
chrome插件文字补足
Chrome浏览器主页篡改解决方法
设置:依次打开浏览器菜单–工具–扩展程序–Axure RP Extension For Chrome 0.62–勾选相关选项 安装完之后,需要在Chrome里的工具——扩展程序里,将“允许访问文件网址”选中。 否则,还是无法演示本地的axure...
chrome 右键设置编码插件,下载好后解压到一个文件夹,然后打开chrome浏览器的扩展程序页面, 打开开发者模式,点击加载已解压的扩展程序文件夹
Chrome 只能安装在系统分区确实是一个很讨厌的设计,因为不仅仅是这个程序被安装到了系 统分区,连浏览器的缓存以及用户数据文件都会在系统分区里,对于一些不喜欢将程序安装在 系统分区或者系统分区较小的用户来说...