谷歌浏览器中font-size:12px以下不起作用，文本强制显示在一行

最新推荐文章于 2022-03-06 13:39:00 发布

zhx0114

最新推荐文章于 2022-03-06 13:39:00 发布

阅读量519

点赞数

分类专栏：个人成长文章标签： css3

本文链接：https://blog.csdn.net/zhx0114/article/details/110422915

版权

个人成长专栏收录该内容

29 篇文章 1 订阅

订阅专栏

谷歌浏览器中：设置了font-size:10px不起作用

百度一堆，大概的说法就是font-size 有一个最小值 12px（不同操作系统、不同语言可能限制不一样），低于 12px 的，一律按 12px 显示。理由是 Chrome 认为低于 12px 的中文对人类是不友好的。

替代方案：transform: scale(0.5);n默认1，越小字体就越小。

想让文本强制显示在一行的话，在style中设置white-space: nowrap;即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhx0114

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

前端常用属性知识点--文档

JackieDYH的博客

03-08

942

清除浮动带来的影响--.clearfix .clearfix{ *zoom:1; } .clearfix::after{ content: ""; display: block; clear:both; visibility: hidden; height: 0; 弹性盒子-flex 1）弹性盒子——css3中新增的布局方式。是一种当屏幕大小、设...

*{font-size:12px;}

走在路上

01-19

472

body{font—size:12px}对table里面的文字不起作用 可以用这个*{font-size:12px;}

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

网页字体缩放样式-webkit-text-size-adjust的用法详解

weixin_34259159的博客

01-22

366

2019独角兽企业重金招聘Python工程师标准>>> ...

chrome浏览器下10号字体

gqomg的专栏

03-22

3204

在某些chrome浏览器下，css里设置的10号字体竟然不起作用！仍显示12号大小，对比firefox、ie6、7、8、9，他们的显示都是好的。要是你也碰到这问题，可以这样解决： 1 -webkit-text-size-adjust: none; 在css里加上这一句就可以。如你的样式是这样写的： 1 2 3 4

浏览器最小显示12px字体的解决方法

❤❤❤

08-24

1334

浏览器上显示字体最小为12px，css设置font-size：10px，显示的时候还是12px大小可以利用css中的transform属性来缩小： transform:scale(0.8) 注意：transform只有块级元素有这属性，一开始我把这个属性设置在span上，怎么都不出效果，换div就有效果了例： font-size:12px; tran...

Google Chrome浏览器不支持小于12px的字体大小的问题及解决方法（我写的都不行）...

weixin_30414635的博客

04-17

178

解决Chrome谷歌浏览器不支持CSS设置小于12px的文字 1、谷歌浏览器不支持设置CSS较小字体问题分析网页常常为了排版美观，会使用忽大或小的文字，通常font-size文字为12px（像素）文字。设置大于12px文字字体，各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器googleChrome就不能显示出CSS所设置小于12px的文字...

CSS基础学习笔记

丑小鸭变黑天鹅的博客

11-27

1149

一、CSS简介 1）CSS俗称（层叠样式表、CSS样式表、级联样式表） 2）组成：选择器以及一条或多条声明 3）规范建议 1、属性值前面，冒号后面，保留一个空格 2、选择器（标签）和大括号中间保留空格 3、样式代码采用展开式风格 4、里面所有单词用小写 4）命名规范头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left

CSS简略复习

weixin_50690255的博客

09-15

401

CSS是网页的美容师 CSS样式表（书写位置） 1. 行内式（内联样式）称行内样式，行间样式，是通过标签的style属性来设置元素的样式基本语法为： <标签名 style=”属性1：属性值1；属性2：属性值2；属性3：属性值3；”>内容</标签名> 2. 内部样式表（内嵌样式表）称内嵌式，是讲CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义基本语法： **3. 外部样式表（外链式）** 称链入式，是将所有的样式放在一个或多个以.CSS为扩展名的

HTML5+CSS笔记教程（CSS教程篇）

studhappy的博客

03-06

1452

一

前端学习（二）CSS基础1

whitefish520的博客

07-22

9174

什么是CSS CSS的引入：由于HTML只关注内容的语义，导致单纯用HTML做出的网页很丑在HTML中设置样式非常不方便，也非常繁琐使用CSS能让网页更加美观 CSS让HTML从样式中脱离，HTML专门做结构，CSS专门做样式 CSS的定义：层叠样式表（Cascading Style Sheets），用来做网页的样式，CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景控制以及整体排版等，而且还可以针对不同的浏览器设置不同的样式 CSS的作用：主要用于设置HTML页面中的文本内容（字体、大

html中的最小的字体,针对谷歌默认最小字体12px的正确解决方案_（css、html）

weixin_31437175的博客

05-30

834

方案都惊奇地遇新是直朋能到分览相似：html遇新是直朋能到{-w调代求学功解宗维如请框总行断随以移泉动实ebkit-text-size-adjust:n微和二第说，班。都年很过过事发工开宗定据发指互数个遍前互就业大经one;}然年有这只制明个手近天点里要它出水机近天点后我满心欢喜地用上去之后，发现并没有什么鸟用。再后来，又查了下资料了解到在chrome 27之后，就取消了对这个属性的支持。尼玛，这...

Chrome浏览器设置font-size为12px以下无效的解决方法

吹口琴的喵喵~~的博客

06-30

1420

Chrome浏览器将font-size设置为12px以下时无效，字体会默认显示为12px。其他浏览器会正常显示。原因是Chrome浏览器做了限制，font-size 有一个最小值 12px，但是允许把 font-size 设置为 0。这个 12px 的限制用户是可以自行调整的，可以进入chrome://settings/fonts设置为其他值：解决方法： Chrome 29 版本之前，可以使用 -webkit-text-size-adjust: none; 来解除这个限制。29 版本后就不起作用了。

CSS3实现晃动的引导箭头-百度新首页

dududu01的专栏

07-21

7954

Demo 预览：http://xuanfengge.com/demo/201406/guide/ 效果图：实现箭头其实就是一张图片，然后用2个相同的DOM元素，利用CSS的缩放动画，使其中一个元素延迟发生动画，2个图片间隔的闪烁，即可实现出晃动的效果。具体代码如下： HTML 2 a class="s-

解决谷歌浏览器中font-size不能小于12px的bug

renpinghao的专栏

12-09

6384

Html代码 .ab{ font-size: 11px; } 改成 Html代码 .{ font-size: 11px; -webkit-text-size-adjust: none; } 原文链接：http://liuxiang822.itey

Chrome谷歌浏览器下不支持css字体小于12px

打字员blog

10-24

199

font-size: 12px; -webkit-transform : scale(0.85,0.85) ; *font-size:10px; //IE

font-size：10px 不起效的解决方法。