设置小于浏览器默认字体大小的显示方法

news/2024/7/23 12:08:16 标签: javascript, 前端, html, 性能优化, 字体大小设置
htmledit_views">

谷歌浏览器、edge浏览器一般都是最小显示12px的文字,要设置小于12px的文字:

方法一:设置默认字体:例如:

html" title=javascript>javascript">font-size:12px;

//若是要设置11px的文字,则按比例缩小,即11/12=0.91666……

transform: scale(0.9167);

方法二:

html" title=javascript>javascript">font- size:91.67%;
//直接设置,若是不出效果,则可以加上html{font-size: 12px} 
//或者在父级设置相应的字体大小,然后在子级按照想设置的字体大小比例设置百分数即可

本人更倾向于第一种,方便高效,不用寻找和涉及更多的逻辑问题。


http://www.niftyadmin.cn/n/5028366.html

相关文章

软考高级架构师下篇-15嵌入式系统架构设计的理论

目录 1. 引言2. 嵌入式系统发展历程3. 嵌入式系统硬件4.嵌人式系统软件5.嵌入式系统软件架构设计方法6.嵌入式系统软件架构实践7. 前文回顾1. 引言 此章节主要学习嵌入式系统架构设计的理论和工作中的实践。根据新版考试大纲,本小时知识点会涉及案例分析题(25分)。在历年考…

Android中使用图片水印,并且能够在线下载字体并应用于水印

Android中使用图片水印,并且能够在线下载字体并应用于水印 要在Android中使用图片水印,并且能够在线下载字体并应用于水印,可以按照以下步骤进行: 1.使用Picasso、Glide或其他图片加载库加载图片: ImageView imageV…

5.SpringEL三元运算

SpringEL三元运算 文章目录 SpringEL三元运算语法Spring EL以注解形式Spring EL以XML形式 语法 Spring Expression Language (SpEL) 的三元运算符类似于常规编程语言中的条件(三元)运算符。在 SpEL 中,三元运算符的语法格式如下:…

本质矩阵,基础矩阵,单应矩阵

转载: 立体视觉入门指南(2):关键矩阵(本质矩阵,基础矩阵,单应矩阵)视觉SLAM中,本质矩阵、基础矩阵、单应性矩阵自由度和秩分析。In defence of the 8-point algorithm&a…

el-table 列背景色渐变

最初的想法是&#xff0c;给每一行添加背景色&#xff0c;逐行递减透明度&#xff0c;发现结果比较突兀&#xff0c;效果如下&#xff1a; 如果有需要这种样式的&#xff0c;代码如下&#xff1a; <template><div><el-table:data"tableData":heade…

Vuex详解:Vue.js的状态管理方案

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f984; 博客首页——&#x1f405;&#x1f43e;猫头虎的博客&#x1f390; &#x1f433; 《面试题大全专栏》 &#x1f995; 文章图文…

JavaScript Json -笔记

JSON 英文全称 JavaScript Object Notation JSON 是一种轻量级的数据交换格式。 JSON是独立的语言 * JSON 易于理解。 JSON 使用 JavaScript 语法&#xff0c;但是 JSON 格式仅仅是一个文本。 文本可以被任何编程语言读取及作为数据格式传递。 JSON 语法规则 数据为 键/值…

Linux安装mysql数据库并实现主从搭建

一.环境说明 【环境说明】&#xff1a; 192.168.110.161 mysql-master ##网络配置到位&#xff0c;防火墙关闭&#xff0c;selinux关闭 192.168.110.162 mysql-slave ##网络配置到位&#xff0c;防火墙关闭&#xff0c;selinux关闭 两台主机&#xff0c;操作系统是centos7…