解决css font-size设置小字体不生效

使用font-size设置字体，发现最小只到12px，设置小于12字体也不会再缩小了。

原因是Chrome 以及 Chromium 内核的浏览器在中文语言下最小字体只能是12px，大部分浏览器都是如此。

解决方案：使用transform:scale()缩放属性来实现。

/* 小于12px 的字体 */
.txt {-webkit-transform: scale(0.5)
}

兼容写法（有的浏览器允许设置小于12px的字体，那么你需要额外写一个类）

/* 优先采用 -webkit-transform 规则 */
.txt {-webkit-transform: scale(0.5)
}/* 允许的浏览器采用以下规则 */
.fontSize {font-size:8px;
}

解决css font-size设置小字体不生效相关推荐

HTML和CSS中如何设置中文字体
你是不是也遇到过这个问题:在HTML或CSS中怎么设置字体为宋体或楷体或黑体等等中文字体呢?下面就来解决这个问题. 用font-family:字体英文名即可. fon标记是HTML里最常用的文字格式 ...
css汉字注释乱码,css font-family属性设置中文字体乱码
一般设置字体,个人都喜欢用中文,比如:font-family:"微软雅黑":但是偶尔会出现设置以后字体显示乱码的问题解决方法[1]: 看看你的CSS文件的第一行有没有:@char ...
微信android字体颜色,企业微信使用markdown发送消息,手机端看不到font标签设置的字体颜色...
标签设置的字体颜色问题类型 API/组件名称终端类型微信版本基础库版本 Bug 消息推送微信安卓客户端 3.0.26(13239) 2.0.0 企业微信使用markdown发送消息,手机端看 ...
CSS的颜色设置和字体设置
CSS颜色通常有三种表示的方法第一种直接写颜色所对应的英文,比如:red是红色, blue是蓝色第二种是十六进制表示法,比如:#ff0000是红色第三种是R(红),G(绿),B(蓝),A(透明度 ...
解决h5 开发，设置手机字体大小微信设置字体大小页面变形问题
1 https://www.cnblogs.com/luoyihao/p/12385975.html 1 ios系统: body{ -webkit-text-size-adjust: 100% !im ...
html中加粗的字体如何改细,css font-weight 属性设置文本字体的粗细
css font-weight介绍在CSS中,font-weight属性用来定义字体粗细.font-weight属于css1版,所以所有主流浏览器都支持font-weight属性. 初学者要注意,字 ...
css font size 单位,css中font-size的单位总结：px、em、pt
px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的. em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是 ...
【CSS】文本设置、字体设置
1.设置文本默认为红色 body {color:red} 2.文本类选择器: p.ex {color:rgb(0,0,255)} <p class="ex">该段落定义 ...
解决css样式中first-child和last-child不生效的问题
前端项目需要使用v-for指令来渲染一个问题回复列表,列表的第一和最后需要显示不同的样式,便使用到了first-child和last-child这两个CSS属性,在编码后发现 last-child 和 ...
html字号的范围,font size大小
font size="+1"里面的数值是什么意思 font size="+1" font size="+2" font size=" ...

解决css font-size设置小字体不生效

解决css font-size设置小字体不生效相关推荐

最新文章

热门文章