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

已于 2023-10-31 13:15:09 修改
阅读量86 收藏
点赞数
文章标签： 前端 css
于 2023-10-26 14:39:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41867900/article/details/134055861
版权

  1. transform：scale()
    transform 的所有属性都不改变页面元素的布局。就有可能遇到缩小了之后，原来的文字偏移的问题。

  2. zoom
    如果不想要元素占用空间就可以使用zoom 相应的盒模型空间也会缩小

yggjdle
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
01-21
px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。 rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。 (另外需注意chrome强制最小字体为12号，即使设置成 10px 最终都会显示成 12px，当把html的font-size设置成10px,子节点rem的计算还是以12px为基准，所以网上很多文章提到的将html的font-size设为10方便计算不是那么可取)
使用font-size：0px 来制作跨浏览器的inline-block css属性
12-13
像下面图中的布局，如果排列的元素是登高的话，相信很多人都会使用浮动来布局，不过如果元素不等高的话，不添加多余的标签，浮动布局是很难实现下图中的效果。如果遇到这种情况，可以使用inline-block来布局。 现代浏览器的最新版都支持inline-block，只有该死的ie6、7不支持inline-block，但ie6、7可以通过 display：inline；zoom：1；来模拟。 下面是inline-block兼容的代码： 复制代码代码如下: display:inline-block;*display:inline;*zoom:1;width:100px;vertical-align:
CSS Font-Size: em、px 、pt 、Percent之间的关系及换算
09-25
主要介绍了CSS Font-Size: em、 px 、pt 、Percent之间的关系及换算，本篇整理的还是比较详细的，需要的朋友可以参考下
min-max-font-size:使用 vw 或 vh CSS 单位？ 为您的类型设置最小或最大字体大小
06-08
最小最大字体大小 使用 vw 或 vh CSS 单位设置字体大小？ 为您的类型设置最小或最大字体大小。 设置 在 HTML 页面的末尾添加mm-fontsize.js ，就在结束body标记之前。 … < script src =" ./path-to-js/mm-fontsize.js " type =" text/javascript " > </ script > </ body > </ html > 现在您可以开始在您自己的 CSS 中手动调整字距。 CSS 语法 要使用 min-font-size 或 max-font-size 属性，只需像任何其他属性一样在 CSS 中编写它： h1 { font-size : 4 vw max-font-size: 50 px ; min-font-size : 20 px ; } 笔记： 这仅适用于使用 v
font-size:100%的目的和作用是什么
01-19
复制代码代码如下: h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} input,select,textarea,samp {font-size:100%;} 看到一些css重设,请问设置font-size:100%的目的和作用是什么? ————————————————————————————— 假如你设置body{font-size:12px;} 但h1是不会继承这个12px，它会按照一定百分比增加字号，但如果给h1显试指定font- size:100%;它就会继承body设定的字体大小。 1. 它改变了默认的大小。
冷知识：font-size最小12px的误区
qq_41261490的博客
03-11 5513
背景 我们在做项目的时候，有时会遇到很长的文字，产品想要在一定的宽度完全显示，但是基于我们的认知时浏览器默认的最小字体的12px，就很难想到说去再减小字体显示。 其实浏览器设置font-size最小为12px是为了中文而产生了，这还是源于咱们的中国文字文化博大精深，字体比较复杂，更小的字体会看不清楚，所以浏览器针对中文限制了最小字体大小12px。 中文语言下 英文语言下 当我们把浏览器语言设置为其他语言的时候，font-size是不受限制的。 中文最小字体解决方案 当我们是中文环境
chrome浏览器解决font-size:10px；
soupjian的博客
09-09 8285
Chrome字体最小大小是12px,如何实现font-size:10px;? 就在昨天写网页的时候需要字体大小10px，但是谷歌浏览器不支持，默认最小像素就是12px 处理结果如下 font-size:12px; /* 利用放大缩小属性 */ -webkit-transform: scals(0.83) 通俗的讲网上都会是这个答案，但是这个只考虑了字体大小，没有发现原来的文字占位也随着放大缩小了，这时候只需要将原来防止文字的盒子放大就ok了 width:120%; font-size:12px; /* 利
浏览器css字体大小font-size小于12px时不生效，总是 12px
孜然卷的博客
10-12 455
chrome://settings/fonts 有一个“最小字体大小”的设置。这时候如果是谷歌浏览器 需要在去浏览器设置重新设置字体大小。发现字体到达12px之后 ，无论多少小都无法改变。今天遇到UI定义一个非常小字体的图。浏览器控制台定义8px依然无效。这时候吧设置拉到最小0就好了。
html设置字体大小font-size小于12px
m0_46783393的博客
02-20 376
设置字体小于12像素
【前端】数组的常用处理函数
lcukyNwa的博客
04-22 471
item------->每个元素值 (必)index----->索引（可选）arr-------- >当前数组（可选）推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js用这个插件去新建一个js文件，直接就运行在node上了forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作every返回一布尔值，需数组中全部满足。
C++ WebServer的细节理解
我的博客
04-22 630
在非阻塞模式下，如果 I/O 操作不能立即完成（例如，因为没有数据可读 或 写缓冲区满），系统不会让调用进程阻塞等待，而是立即返回一个错误（通常为 EAGAIN 或 EWOULDBLOCK）。先查询文件描述符 fd 当前的标志，然后将 O_NONBLOCK 标志加入其中，并通过 F_SETFL 来更新文件描述符，最终实现将该文件描述符切换为非阻塞模式。这意味着，如果没有待处理的连接请求（即没有客户端尝试连接到服务器），accept() 会一直阻塞，直到有新的连接请求到达或发生其他特定条件（如超时）为止。
SpringBoot项目打包分离高阶操作
Record Little
04-23 675
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
webman 事务回滚失效问题记录
juan9872的博客
04-21 845
webman是一款基于workerman开发的高性能HTTP服务框架。webman用于替代传统的php-fpm架构，提供超高性能可扩展的HTTP服务。你可以用webman开发网站，也可以开发HTTP接口或者微服务。除此之外，webman还支持自定义进程，可以做workerman能做的任何事情，例如websocket服务、物联网、游戏、TCP服务、UDP服务、unix socket服务等等。
WebSocket 快速入门 - springboo聊天功能
m0_56308072的博客
04-21 947
HTTP和WebSocket都是啥？
Vue-router的动态路由：获取传递的值
woliuhuaqiangla的博客
04-22 420
Vue.js是一款流行的JavaScript框架，用于构建单页面应用程序。它提供了许多有用的功能，其中之一是Vue-router，它允许您轻松地管理应用程序的路由。Vue-router支持动态路由，这意味着您可以在路由中使用变量，并在组件中访问它们。本文将介绍如何定义Vue-router的动态路由，以及如何获取传递的值。动态路由的优缺点动态路由是指根据特定的参数来动态地生成路由，这在使用Vue-router时是非常常见的。
docker部署前端项目（二）遇到的问题
最新发布
weixin_45379180的博客
04-25 339
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
vue组件render函数中作用域插槽使用方式
nicecode
04-24 268
父组件使用render函数写的,子组件的书写方式随意,想在父组件中使用子组件时写一个作用域插槽.
后台管理系统加水印（react）
m0_63788547的博客
04-19 957
后台管理系统加水印（react）
下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号， 正确的定义是：（ ） A、p {font-family：宋体；font-size：20px；font-weight：800；color:red;font-style：italic； } B、p {font-family：20px；font-size：宋体；font-weight：800；color:red;font-style：italic； } C、p {font-family：20px；font-size：800；font-weight：宋体；color:red;font-style：italic； } D、p{font-family：800；font-size：20px；font-weight：red；color: italic;font-style：宋体； }
06-03
在CSS中，可以使用`font-family`属性来定义字体的名称，使用`font-size`属性来定义字体的大小，使用`font-weight`属性来定义字体的粗细，使用`color`属性来定义字体的颜色，使用`font-style`属性来定义字体的风格...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值