美文网首页学习学习再学习
字体提升/Font Boosting

字体提升/Font Boosting

作者: 一席一简皆浮生 | 来源:发表于2018-09-13 11:33 被阅读0次

机制:webkit内核为移动端浏览器提供了一个特性,被叫做text autosizer又叫font boosting 

即 当我们在手机上浏览网页时,很可能因为原始页面的宽度较大,在手机屏幕上缩小以后看不清其中的文字

此时font boosing特性会自动将其中的文字字体放大,保证在不需要左右滑动屏幕,也不需要双击放大屏幕

内容的前提下,也可以让人们方便的阅读页面中的文本

禁止:html * { max-height: 100% }  或者  html * { max-height: 99999999999px }

参考原文:https://juejin.im/entry/578713ea7db2a2005ccfa769

相关文章

  • 字体提升/Font Boosting

    机制:webkit内核为移动端浏览器提供了一个特性,被叫做text autosizer又叫font boostin...

  • css文本

    字体 改变字号 font-size 改变字体 font-family 加粗字体 font-weight 倾斜字体...

  • css文字处理

    font属性 font-size 字体大小font-weight 字体粗细font-famliy 字体样式line...

  • css文本属性

    字体大小:font-size 字体颜色:color 字体类型:font-family 字体加粗:font-weig...

  • 项目所需常用样式

    字体样式: font-family(字体的名称)font-weight(字体的粗细)font-size(字体的大小...

  • 简书 markdown设置文字字体以及居中

    字体: $ \mathtt{字体1 \ Font}$ $ \mathbf{字体2 \ Font}$ 居中: 普通...

  • 2018-06-04

    字体的样式 CSS 属性: 字体样式(Font Style) 1 字体样式 {font:font-style fo...

  • CSS 可以继承的属性

    字体系列属性 font-family 字体系列 font-weight 字体的粗细 font-size 字体的大小...

  • 第8天

    字体属性1.字体属性:font-family2.修改字体大小:font-size3.字体风格:font-style...

  • css中的继承属性和非继承属性

    继承属性 字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体...

网友评论

    本文标题:字体提升/Font Boosting

    本文链接:https://www.haomeiwen.com/subject/sxhwgftx.html