chrome浏览器字体小于12px的解决方式

为了兼容所有的浏览器，使用缩放方式使字体变小
比如以字体大小12px为基数，缩放90%就是10.8px
代码为：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
</head>
<style>
.normal-font-12 {font-size: 12px;
}.small-font{font-size:12px;transform: scale(0.90);transform-origin:0 0;-ms-transform: scale(0.90);         /* IE 9 */-ms-transform-origin:0 0;       /* IE 9 */-webkit-transform: scale(0.90); /* Safari 和 Chrome */-webkit-transform-origin:0 0;   /* Safari 和 Chrome */-moz-transform: scale(0.90);        /* Firefox */-moz-transform-origin:0 0;      /* Firefox */-o-transform: scale(0.90);      /* Opera */-o-transform-origin:0 0;        /* Opera */
}</style>
<body>
<p class="normal-font-12">字体大小 12px</p>
<p class="small-font smallsize-font">字体大小 10.8px</p>
</body>
</html>

效果为：
谷歌浏览器：

火狐浏览器：

IE浏览器：

这样就可以啦~~~

chrome浏览器字体小于12px的解决方式相关推荐

html怎么设置字体小于12px,前端浏览器字体小于12px的解决办法
前言最近做项目时,UI设计的字体10px,看效果图时发现字体仍然蛮大,改变12px时字体还是那么大,改变到14px时,字体变大了,发现规律,才知道原来浏览器为了让用户字体看的清楚,最小设置为12px ...
rem 前端字体_前端浏览器字体小于12px的解决办法
前言最近做项目时,UI设计的字体10px,看效果图时发现字体仍然蛮大,改变12px时字体还是那么大,改变到14px时,字体变大了,发现规律,才知道原来浏览器为了让用户字体看的清楚,最小设置为12px ...
HTML字体小于12谷歌不兼容,Chrome谷歌浏览器下不支持css字体小于12px的解决办法...
coder.png 在这一年的工作中,我发现很多问题你利用自己的「聪明才智」绕过去了,总有一天它会和你不期而遇,今天我们就来直面一个字体兼容性的小问题:Chrome谷歌浏览器下不支持css字体小于12 ...
中文代码谷歌_Chrome谷歌浏览器下不支持css字体小于12px的解决办法
先来看下 ie.火狐.谷歌浏览器下各个字体显示情况ie下: 火狐下: 谷歌下: 从上面的图可以很明显看出谷歌下 css设置字体大小为12px及以下时,显示都是一样大小,都是默认12px; 那么网上一直 ...
Chrome浏览器不支持字体小于12px的解决办法
谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,具体效果见下图.有些特殊情况下我们需要字体小点,特别是在制作英文网站的时候,怎么办?既然有问题,我们就有解决问题的方法. < ...
Chrome 浏览器 NET::ERR_SSL_OBSOLETE_VERSION 问题及解决方式
问题: Your connection is not fully secureThis site uses an outdated security configuration, which may ...
HTML字体小于12谷歌不兼容,Chrome谷歌浏览器下不支持css字体小于12px的解决办法【原创】...
先来看下 ie.火狐.谷歌浏览器下各个字体显示情况 ie下: 火狐下: 谷歌下: 从上面的图可以很明显看出谷歌下 css设置字体大小为12px及以下时,显示都是一样大小,都是默认12px; 那么网上一 ...
处理前端开发浏览器字体小于12px方法
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
如何在chrome浏览器下设置12px以下的字体
chrome chrome浏览器的默认字体大小是16px,它所能支持设置的最小字体大小是12px,也就是说,当你使用font-size属性设置到12px以下的时候字体大小不再改变.现在提供解决方案. ...

chrome浏览器字体小于12px的解决方式

chrome浏览器字体小于12px的解决方式相关推荐

最新文章

热门文章