网站首页 > 技术文章 正文
Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制。
主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋体和微软雅黑。而我们在实际项目中,对于数字/英文内容,其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示,这个时候就需要取消浏览器的自动调整功能了。
一般解决方案是禁止webkit浏览器配置调整网页的字体大小。如下CSS定义方式:
.classstyle{ -webkit-text-size-adjust:none; font-size:9px; }
据说该属性最初专门是为iPhone版safari设计的,用来自动调整普通网页在iPhone手机端字体的展现问题,不过,既然是webkit的私有属性,现在也经常用在webkit内核的桌面浏览器限制页面展示。实际上,这是webkit的一个bug。在最新版的Chrome已经修复。
PC桌面版Chrome 27正式取消了-webkit-text-size-adjust属性的支持,实际上是修正了原有的bug。
- 上一篇: 安卓手机微信设置字体大小导致页面错位的解决方案
- 下一篇: 史上最全的浏览器兼容性问题和解决方案
猜你喜欢
- 2024-11-23 Web前端最全面试宝典- CSS篇
- 2024-11-23 css面试总结分享
- 2024-11-23 「建议收藏」90%的前端都会踩的坑,你中了吗?
- 2024-11-23 多久没听到 CSS Reset了?是时候更新了!
- 2024-11-23 前端面试:怎么让Chrome支持小于12px 的文字?
- 2024-11-23 前端开发79条知识点汇总
- 2024-11-23 稍微整理了几个经常在H5移动端开发遇到的东西
- 2024-11-23 手机网站注意事项和总结
- 2024-11-23 广汽全新概念车发布
- 2024-11-23 HTML&css面试题
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-