如何让谷歌浏览器支持小字体?

最新推荐文章于 2024-05-28 11:44:38 发布

全世界最好的李憨憨iu

最新推荐文章于 2024-05-28 11:44:38 发布

阅读量390

点赞数 2

分类专栏：笔记文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_45774042/article/details/126022574

版权

笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

如何让谷歌浏览器支持小字体?

谷歌浏览器最小字体是12px,怎么让它显示更小的字体呢?
可以通过缩放来实现

<style>
  p {
    font-size: 12px;
  }

  .small-font {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
</style>

<body>
  <p class="normal">我是12px的文字</p>
  <p class="small-font">我是比12px更小的文字</p>

</body>

在这里插入图片描述

优惠劵

全世界最好的李憨憨iu

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
如何让谷歌浏览器支持小字体?

谷歌浏览器最小字体是12px,怎么让它显示更小的字体呢?
复制链接

扫一扫

专栏目录

谷歌浏览器小字体处理方案即12px以下字体

12-14

谷歌浏览器是不支持12px以下小字体的，可能是考虑到用户体验吧。网上也有一些文章介绍，说可以使用：复制代码代码如下: -webkit-text-size-adjust:none; 但是，自chrome 27之后，就取消了对这个属性的支持。我们还有其它办法解决这个问题吗？谷歌浏览器支持CSS缩放，于是，我们可以在这方面做文章：复制代码代码如下: -webkit-transform: scale(0.5); 既然最小支持到12px，那么就以12px为基点进行缩放，同时可以使用-webkit-transform-origin-x: 0; 来解决缩放后margin-left的

解决默认字体最小12px的方案

qq_45848004的博客

03-16

495

当字体小于12px的时候，谷歌浏览器还是以12px显示，只需把下面CSS写在样式里，谷歌就能正常显示了： html{-webkit-text-size-adjust:none;} 另外还有一个针对谷歌专用的hack: @mediascreenand(-webkit-min-device-pixel-ratio:0){ /* chrom、safari 样式 */ } 这是针对其他一些兼容问题的，像IE、FF都有自己的hack，这个也是chrom的hack，它针对Safari也有效。转载于:https:

2 条评论您还未登录，请先登录后发表或查看评论

浏览器下调整字体小于12px

Brilliant Me 的博客

08-30

506

调整浏览器下字体大小小于12px * 看了好多博客，博客上都说用-webkit-font-size-adjust：none来解决，自己动手试了以后发现并不能解决这个问题，所以写个博客记录下* -webkit-font-size-adjust：none在chorme 27.0以下的版本有效，27.0以上的版本属于无效的，新的版本的浏览器下取消了这个设置调整字号的属性。所以...

浏览器只支持最小font-size:12px，如果需要更小的字体怎么办，空间是否会收到影响

qq_41867900的博客

10-26

transform 的所有属性都不改变页面元素的布局。就有可能遇到缩小了之后，原来的文字偏移的问题。如果不想要元素占用空间就可以使用zoom 相应的盒模型空间也会缩小。

如何让Chrome支持小于12px 的文字

Web_boom的博客

02-15

1191

Chrome 中文版浏览器会默认设定页面的最小字号是12px，英文版没有限制原由 Chrome 团队认为汉字小于12px就会增加识别难度中文版浏览器与网页语言无关，取决于用户在Chrome的设置里（chrome://settings/languages）把哪种语言设置为默认显示语言系统级最小字号浏览器默认设定页面的最小字号，用户可以前往 chrome://settings/fonts 根据需求更改而我们在实际项目中，不能奢求用户更改浏览器设置对于文本需要以更小的字号来显示，就需要用到一些小技巧。

cocos2d-js 在Chrome的最小字体

ghostblade的专栏

12-16

367

发现一个情况，就是程序里面字体缩小到10，发现比实际要大，一直不知道原因，才发现chrome只支持12px及以上的字体

谷歌默认最小字体解决方案

banjinjue0755的博客

02-26

482

参考文章：https://www.cnblogs.com/mfc-itblog/p/5669118.html 谷歌及谷歌内核的浏览器有默认的最小字体限制：12px，字体大小设置低于12px是不起作用的，也是按照12px显示。解决方法： span { font-size: 10px; -webkit-transform-origin-x:0; -w...

如何让chrome浏览器显示小于12px 的文字

Tianxiaoxixi的博客

05-30

774

如何让chrome浏览器显示小于12px 的文字

谷歌浏览器最小字体尺寸

眾K的博客

04-28

744

.font{ transform: scale(0.5); font-size: 12px; }

chrom浏览器设置不了小于12px的文字大小的解决方法

01-19

Chrome下，设置小于12px字体，显示仍为12px, 这个不知道算不算Chrome的BUG，有人说他是人家臣Chrome的人性化设置，因为小于12px的文字会比较难看得清楚，不过有时项目需要设置小于12px的文字大小。不去讨论是否是...

富文本编辑器tinymce支持从word复制粘贴保留格式和图片的插件powerpaste源码

01-29

tinymce是很强大的富文本编辑器，可以去官网下载，这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用，此插件目前官网收费每月12美刀，我们就不花这钱了。以vue为例说明：将tinymce下载...

chrome生僻字解决方案

12-28

chrome生僻字解决方案

浏览器支持字体大小情况以及 Chrome设置小于12px的字体的处理方案

weixin_45727472的博客

09-03

3094

一、浏览器默认字体大小转载：https://www.zhihu.com/question/268477963 二、浏览器支持的最小font-size 转载：https://www.jianshu.com/p/8fc4dc861037 三、Chrome设置小于12px的字体的处理方案在谷歌下css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px。解决办法：使用Webkit的内核的-webkit-text-size-adjust的私有CSS属性来解决，只要加了-webkit-text

chrome浏览器最小字号问题

yorksome的博客

09-20

509

问题原因 chrome为了提升用户体验，根据电脑分辨率等条件给浏览器设置了默认的最小字号min px，小于这个字号的字体将仍然使用min px显示查看最小字体 浏览器–>设置(settings)–>高级设置(advanced)–>显示(Appearence)–>Customise fonts–>Minimum font size ...

谷歌浏览器移动端部分字体大小与设定大小不同

DreamFJ的博客

10-29

2513

问题描述：为了适配各种移动端设备，动态设置了viewport缩放，然后动态设置html的font-size大小，用rem布局。但是在谷歌浏览器中查看的时候出现了问题 1.这个没问题，font-size设置的.28rem，所以换算成px应该是.28*100=28px；OK，没毛病，但是下面那行字就很大了。。 2.同样是设置.26rem字体大小，按理说应该是26px，但是浏览器里显示的是37p...

(转)Chrome的最小字体12px限制解决办法

CaseyWei

01-17

5439

相信不少做网站的用户会有这样一个问题，Chrome默认最小字体是12px（最新版英文也有此问题），这个是 Chrome 为了更好显示中文设计的，但是这样一来就会出现某些上标、下标字体过大，影响用户体验。

谷歌浏览器默认最小字体的解决方法以及各浏览器对字体大小的支持

CCG_T的博客

08-09

3198

（一）谷歌默认的最小字体是12px,但是通常由于页面的需求我们需要使用更小的字体，解决方法如下：（1）使用transform.scale()属性，需加上谷歌前缀：-webkit- /这里的数字0.8，是缩放比例，可以根据情况变化。/注意：sacle()只会缩放给定宽和高的元素，若元素有背景的话，则其背景也会随着scale(0.8)缩放为原来的0.8倍大小的背景，为使其背景不发生变化，可以在元素

书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交