专栏首页前端之攻略谷歌浏览器不支持小于12px的解决方法 原

谷歌浏览器不支持小于12px的解决方法 原

<p class="secondp"><span>字体为10号</span></p>

<p class="secondp"><span>字体为10号</span></p>
.secondp span{font-size:12px;-webkit-transform:scale(0.8333333);display:inline-block;-webkit-transform-origin-x: 0;}

主要用到

-webkit-transform:scale(0.8333333); 比例缩放成10px

-webkit-transform-origin-x: 0;  解决因比例缩放导致的位移

也可以写成:-webkit-transform-origin:left top ;

transform-origin: x-axis y-axis ;

x-axis 可能的值:left,center,right,length,%

y-axis 可能的值:top,center,bottom,length,%

(adsbygoogle = window.adsbygoogle || []).push({});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JS:用rem来做响应式开发

    电脑版的商城昨晚做完了,今天赶着做手机端的,提到手机端的网站第一个想到的就是要 适应不同手机屏幕的宽度,保证在不同手机上都能正常显示给用户,我之前做这类网站都是...

    yuezhongbao
  • 在WordPress中添加简书风格的连载目录和文章导航

    自从机缘巧合的开始翻译Gensis的系列教程,越来越沉迷于研究这款WordPress主题框架了,一边翻译一边学习一边也在自己的丘壑博客上实验。

    丘壑
  • WordPress 和 Vue.js 的学习资源推荐

    Vue 是一个非常有吸引力的构建前端的框架,它已迅速成为 React 和 Angular 等其他流行框架的替代品。它很敏捷速度很快,编写的代码容易阅读和理解,很...

    丘壑
  • jQuery入门教程-CSS样式操作大全

    (1)滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时,位置是 0。

    WEBING
  • 浏览器将URL变成一个屏幕上显示的网页的过程?

    Dawnzhang
  • 带@的css语法,你知道多少?

      css的顶层样式表由两种规则组成的规则列表构成,一种称为at—rule规则,也就是at规则,另一种是qualified rule,也就是普通规则。今天就学习...

    Dawnzhang
  • 插件:商品放大镜

    这段代码我哩哩啦啦写了三天多,平时都有活今天忙里偷闲想起之前放大镜这个功能写了一半(我是分两块写的, 先是让module就是那个遮罩层能自由的在图片上跟随鼠标走...

    yuezhongbao
  • 2019 年 11 个受欢迎的 JavaScript 动画库!

    超过46K的star,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL。这个库提供了canvas、 svg、CSS3D 和 WebGL渲...

    我就是马云飞
  • 有趣的 box-decoration-break

    这两天接触到一个很有意思的 CSS 属性 -- box-decoration-break。下面就一起去一探究竟。

    Sb_Coco
  • 基于element-tree-table树型表格点击节点请求数据展开树型表格

    treeTable: https://github.com/ProsperLee/element-tree-grid

    ProsperLee

扫码关注云+社区

领取腾讯云代金券