select n.*,ad.username from news n,admin ad where n.addid=ad.id and n.id=297 Chrome浏览器对于默认字体最小为12px解决方法-新闻详情

Chrome浏览器对于默认字体最小为12px解决方法


发布时间:2018-06-06责任编辑:朱明 浏览:40


谷歌浏览器默认字体大小小于12px就不好用了,字体还是12px。 
为了兼容所有的浏览器,使用缩放方式使字体变小。 
比如以字体大小12px为基数,缩放90%就是10.8px 

<!DOCTYPE html>

<html>

<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>字体大小 12px</p>

<p class="small-font smallsize-font">字体大小 10.8px</p>

</body>

</html>



项目设计组  供稿