当前位置: 首页 > 面试题库 >

要让Chrome支持小于12px的文字怎么做?

左宁
2023-03-14
本文向大家介绍要让Chrome支持小于12px的文字怎么做?相关面试题,主要包含被问及要让Chrome支持小于12px的文字怎么做?时的应答技巧和注意事项,需要的朋友参考一下

Chrome 中有最小字号的限制,一般为 12px。原因是 Chrome 认为小于这个字号会影响阅读。

当需要小于 12px 字体的时候,有以下几个方法可以使用。

  • -webkit-text-size-adjust:none; 这个属性在高版本的 Chrome 中已经被废除。
  • 使用 transform: scale(0.5, 0.5),但使用 transform 需要注意下面几点:
    • transform 对行内元素无效,因此要么使用 display: block; 要么使用 display: inline-block;
    • transform 即使进行了缩放,原来元素还是会占据对应的位置。因此需要做调整,最好是在外面再包一层元素,以免影响其他元素。
  • 作为图片。

最好的办法还是进行切图,或者就不要使用小于 12px 的字体。

 类似资料:
  • 问题内容: css font-size <12px的元素在Google Chrome中不起作用-保持字体大小12px。 我该怎么办? 我的Google Chrome浏览器使用默认设置。我的版本是4.0.249.89。我正在使用Windows XP。 您可以将以下代码粘贴到您的Google Chrome浏览器中进行测试: 来自不同浏览器的结果: 问题答案: 按照以下样式禁用自动调整。

  • Electron 支持 Chrome 扩展API的子集, 主要是支持 DevTools 扩展和 Chromium-internal 扩展,但它同时也支持一些其他扩展能。 注意:Electron 不支持商店中的任意 Chrome 扩展,Electron 项目的目标不是与 Chrome 的扩展实现完全兼容。 加载扩展 Electron 只支持加载未打包的扩展 (即不能使用 .crx 文件)。 插件会被

  • https://www.chunten.com/angpu/test/ 怎么让这文字在阴影的上面,之前用的bootstrap3没问题,但改成bootstrap5就不行了。 怎么让这文字在阴影的上面,之前用的bootstrap3没问题,但改成bootstrap5就不行了。

  • 本文向大家介绍怎么让英文单词的首字母大写?相关面试题,主要包含被问及怎么让英文单词的首字母大写?时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍如何让js的filter方法支持大小写?相关面试题,主要包含被问及如何让js的filter方法支持大小写?时的应答技巧和注意事项,需要的朋友参考一下 使用正则表达式即可 写个试试 let searchs = new RegExp(searched, 'i'); 这样searchs就是不区分大小写的了 "i" 在正则里就是 不区分大小写搜索。

  • 本文向大家介绍让CodeIgniter的ellipsize()支持中文截断的方法,包括了让CodeIgniter的ellipsize()支持中文截断的方法的使用技巧和注意事项,需要的朋友参考一下 CodeIgniter的Text Helper有一个ellipsize()方法,用来过滤HTML标签并且截断文字十分好用。但是它对中文支持的特别不好,在中文中使用就有乱码出现。 下面有网友将functio