css字体10px方法

因为谷歌浏览器机制问题，默认的css字体大小最小为12px，但是设计有要求比12px更小，这种情况下怎么办？
一、font-size: 10px; transform: scale(0.83333); transform-origin: 0 0;

font-size: 12px，给文本设置字体12px，并设置缩放值为10/12=0.83333，也就是transform:scale(0.83)；
如果要设置8px，那就是8/12=0.66666；
transform-origin：0 0；默认缩放中心点是在盒子的正中心，所以如果我们需要文本左对齐，就需要改变中心点，也就是transform-origin：0 0；该值有两个参数值，第一个是水平方位值，第二个是垂直方位值，对应的如果需要右对齐、或者是有缩进，那就改变对应的参数值即可。

css字体10px方法相关推荐

CSS字体颜色,文本装饰线,删除线
CSS字体颜色方法1使用rgb值来制定 body{ background-color:silver/Aqua/Navy; (css有16种基本颜色和150种扩展颜色可以 ...
css解决transform 方法字体抖动
css解决transform 方法字体抖动抖动的dom添加 translate3d transform: translate3d(0,0,0);
html设置字体比12还小,css字体更小 css比12px更小的方法
css 字间距.CSS字体间距.css 字符间距设置 1.text-indent设置抬头距离css缩进 2.letter-spacing来设置字与字间距_字符间距离,字体间距css样式 CSS 字体( ...
js写css字体,js如何写出css动画？js写css动画的方法（代码）
本篇文章给大家带来的内容是关于js如何写出css动画 ?js写css动画的方法(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 使用setTimeout()或者setInter ...
php如何导入字体样式,css怎么引入外部字体？css 字体样式设置的方法（实例）...
在浏览器显示中,页面上不同的字体样式,不仅提升了页面的美观度,也提升了用户的浏览交互性.那么这些不同的字体样式是怎么用css设置的?本章就给大家带来css如何引入外部字体?css 字体样式设置的方法( ...
奥森图标和CSS特殊字体使用方法
作为第一篇博文,写这个我快要被气炸,好吧,废话不说了昨天在项目中发现有很多这些Awesome图标也在网上找了下Font Awesome 下载后这些文件,现在的版本是4.2,Font Awesom ...
CSS字体的font-family属性和@font-face使用方法
CSS字体的font-family属性: font-family属性一共有5个字体系列,分别是: sans-serif: 包括没有衬线的字体,与serif相比,通常认为sans-serif在计算机屏幕 ...
CSS字体、行高等其他样式
CSS字体.行高等其他样式一.长度单位与颜色单位 1. 长度单位 <!DOCTYPE html> <html lang="en"><head> ...
CSS 字体文本样式
文章目录 CSS字体文本样式字体样式 color 字体颜色 font-size 字体大小 font-family 字体类型 font-weight 字体粗细 font-style 字体风格综合简写 ...

css字体10px方法

css字体10px方法相关推荐

最新文章

热门文章