前端:让Chrome浏览器支持小于12px 的文字方式

简介: 前端:让Chrome浏览器支持小于12px 的文字方式
<style type="text/css">
    .span {
      font-size: 12px;
      display: inline-block;
    }
    .scale-span {
      transform: scale(0.8);
      /* chrome */
      -webkit-transform:scale(0.8); 
    }
</style>
<body>
<span class="span scale-span">测试10px</span>
<span class="span">测试12px</span>
</body>
相关文章
|
28天前
|
Web App开发 编解码 JavaScript
让Chrome支持小于12px的文字方式
【10月更文挑战第24天】不同的方式可能适用于不同的场景和需求,在实际应用中需要根据具体情况进行选择和权衡。同时,也要密切关注不同浏览器对这些方式的支持情况和可能出现的兼容性问题,以确保文字在各种环境下都能得到良好的显示。
|
3月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
43 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
2月前
|
移动开发 前端开发 JavaScript
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
前端开发实战:利用Web Speech API之speechSynthesis实现文字转语音功能
187 0
|
5月前
|
前端开发 JavaScript
前端 CSS 经典:文字描边
前端 CSS 经典:文字描边
223 0
|
小程序 前端开发 算法
前端(十六)——微信小程序语音转文字,文字转语音功能的实现
前端(十六)——微信小程序语音转文字,文字转语音功能的实现
1145 0
|
7月前
|
前端开发
前端 CSS 经典:好看的文字阴影
前端 CSS 经典:好看的文字阴影
51 0
|
7月前
|
前端开发 算法
【css炫酷动画】让面试官眼前一亮的故障风格文字动画,3年Web前端开发工程师面试经验分享
【css炫酷动画】让面试官眼前一亮的故障风格文字动画,3年Web前端开发工程师面试经验分享
|
7月前
|
前端开发 数据安全/隐私保护
【sgPasswordInput】自定义组件:带前端校验密码强度的密码输入框,能够提供密码强度颜色提示和文字提示
【sgPasswordInput】自定义组件:带前端校验密码强度的密码输入框,能够提供密码强度颜色提示和文字提示
|
前端开发
前端项目实战捌拾肆react-admin+material ui-踩坑-material ui Typography铸排文字
前端项目实战捌拾肆react-admin+material ui-踩坑-material ui Typography铸排文字
49 0
|
前端开发
前端学习笔记202305学习笔记第二十三天-区域文字和立体设置
前端学习笔记202305学习笔记第二十三天-区域文字和立体设置
45 0