谷歌12px字体！怎么缩小到10?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{margin: 0;padding: 0;}

        .wrapper{
            width: 250px;height: 250px;margin: 0 auto;border: 1px solid #ccc;
        }

        .inner{
            font-size: 10px;

            display: inline-block;
            transform: scale(0.8);
            -webkit-transform: scale(0.8);
        }
    </style>
</head>
<body>
    <p class="wrapper">
        <span class="inner">
            中国汉代以前，人们对女性只注重面部形象，到了魏晋，才开始着重于装饰。魏文帝喜欢打扮华丽并将头发挽成蝉翼形的妃子。唐朝是开放社会，容许袒胸露臂，崇尚的女性体态美是额宽、脸圆、体胖中国汉代以前，人们对女性只注重面部形象，到了魏晋，才开始着重于装饰。魏文帝喜欢打扮华丽并将头发挽成蝉翼形的妃子。唐朝是开放社会，容许袒胸露臂，崇尚的女性体态美是额宽、脸圆、体胖
        </span>
    </p>
</body>
</html>

谷歌不支持12px像素以下字体用上面的方法可以把字体缩小。但是，连同着span一块缩小了。

有什么好的解决方案？？？？？

图片描述

阅读 11.3k

p标签换成div

<div class="wrapper">
    <div class="outer">
        <span class="inner">
            中国汉代以前，人们对女性只注重面部形象，到了魏晋，才开始着重于装饰。魏文帝喜欢打扮华丽并将头发挽成蝉翼形的妃子。唐朝是开放社会，容许袒胸露臂，崇尚的女性体态美是额宽、脸圆、体胖中国汉代以前，人们对女性只注重面部形象，到了魏晋，才开始着重于装饰。魏文帝喜欢打扮华丽并将头发挽成蝉翼形的妃子。唐朝是开放社会，容许袒胸露臂，崇尚的女性体态美是额宽、脸圆、体胖
        </span>
    </div>
</div>

* {
  margin: 0;
  padding: 0;
}

.wrapper {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border: 1px solid #ccc;
  line-height: 2;
}

.inner {
  font-size: 10px;
  display: inline-block;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

因为缩小inner大小没变，占据空间和理想中不一样，需要通过一个外层容器outer反向运算下，代替inner的空间占用

var inner=document.querySelector('.inner'),
    outer=document.querySelector('.outer');
         cstyle=window.getComputedStyle(inner , null),
        scale=.8,
    rscale=1/scale;
outer.style.width=parseInt(cstyle.width)*rscale+'px';
outer.style.height=parseInt(cstyle.height)*scale+'px';

谷歌12px字体！怎么缩小到10?

你尚未登录，登录后可以

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

如何实现类似豆包的AI改写框跟随内容滚动效果？

如何在CSS中实现滚动条不溢出圆角框？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？

怎么用css 实现这个形状？

表数据复制一条添加到数据库，前端跳转到数据所在的page页，滚动到对应行并添加高亮样式异常？