2025年04月08日

px、rem、em的区别、浏览器的默认字体大小

1.px

px：绝对单位。像素px是相对于显示器屏幕分辨率而言的，不会因为其他元素的尺寸变化而变化。

2.em

em：相对单位，相对于父元素而言的。通常16px（浏览器默认字体大小）=1em,则12px=0.75em，10px=0.625em。

2025年04月08日

什么是CSS?（什么是CSS?有什么作用?）

CSS 是一种用来描述网页样式的语言，它可以控制 HTML 元素的颜色、大小、位置、布局等外观效果。

CSS 的全称是层叠样式表 (Cascading Style Sheets)，它的基本语法由选择器和声明组成。选择器用来指定要应用样式的 HTML 元素，声明用来定义元素的属性和值。例如：

2025年04月08日

字体缩放(方式一)（字体缩放200%在哪里设置）

通过元素宽度和字数计算得到缩放

简单实现如下：

/**
* 字体最大为视觉要求大小(maxFontSize)；超出缩小字体显示，最小为minFontSize；最小字体时超出部分使用圆点(...);
* params.minFontSize 最小字体
* params.maxFontSize 最大字体
* params.fontSizeUnit 字体单位
* params.dom 元素节点
*/
const setTextFontSize = (params) => {
const { minFontSize = 12, maxFontSize = 18, fontSizeUnit = "px", dom, ...rest} = params || {};
const textLen = dom?.innerHTML?.trim()?.length;
const domWith = dom?.getBoundingClientRect()?.width;
let initFontSize = Math.floor((domWith) / textLen);
const isCutOff = initFontSize < minFontSize;
if (initFontSize <= minfontsize initfontsize='minFontSize;' else if initfontsize>

2025年04月08日

设置 Notepad++ 背景主题和字体大小

打开设置 / Settings

英文

2024年11月09日

如何将文字大小调整至更大的效果?

字怎么变大 (How to Make Text Larger)

在日常生活中，我们常常需要调整文字的大小，以适应不同的需求。无论是在文档编辑、网页设计还是在社交媒体上，文字的大小都能直接影响到信息的传达效果和视觉体验。本文将探讨如何在不同的场景中实现文字的放大，并提供一些实用的技巧和工具。

一、在文档编辑软件中调整文字大小 (Adjusting Text Size in Document Editing Software)

2024年11月09日

前端进阶高薪必会的54个CSS重难点知识梳理(2)13-24个详解

本次我把CSS中的重难点整理出来，总共54个核心知识点，供大家复习，希望能帮到大家。这些重难点是进阶高薪必需要掌握的知识点，同时也是面试必问的内容。

因为涉及的内容较多，我分5篇内容发出来，好逐一进行让大家消化这些内容，本次我把前13-24个CSS重难点整理出来，具体内容如下：

2024年11月09日

CSS em、rem、vm单位详解（html em单位）

em参考该元素的字体大小而定

rem->root 参考根元素(html)的字体大小, html默认字体的大小: 14px

使用rem单位开发移动端页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
    margin: 0;
    padding: 0;
}
div{
    width: 15rem;
    height: 100px;
    background-color: red;
}

</style>
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head>
<body>
<div></div>
<script type="text/javascript">
    //获取dpr
    var dpr = window.devicePixelRatio;
    //获取缩放比
    var scale = 1 / dpr;
    //重写写入meta标签
    document.write('<meta name="viewport" content="width=device-width,initial-scale='+scale+'" />');
    //获取设备宽度(分辨率)
    var w = document.documentElement.clientWidth;


    //获取html
    var html = document.getElementsByTagName("html")[0];


    html.style.fontSize = w / 15 + "px";

</script>
</body>
</html>

2024年11月09日

sci论文图片格式要求一览（sci论文图片尺寸）

sci论文写作过程中，除了文字、表格外，适当使用一些图片，是一种为sci论文增色的行为。但图片使用会有相应的要求，要求不合格，会起到反效果。关于sci论文图片格式要求，如下文介绍。

sci论文对图片格式的要求很高，包括图片的格式、大小、颜色、分辨度、图片字体和字体大小、图片题目和注释、排版等，这些需要作者在投稿前通过sci期刊官网等渠道了解清楚。同时也要注意sci论文中图片上传注意事项，以免格式对了，却绊倒在上传上。

2024年11月09日

vue项目引入字体文件过大和动态加载文本，字体不生效问题

一、引入的字体文件包太大

1、字体打包前

2、字体打包后

图中看到字体文件都有8M多，这样直接引入字体文件，vue页面打包后会出现刚开始，页面字体是默认字体，等引入的字体加载后，页面字体会从默认字体转为使用的引入字体，这样，视觉上就会给用户不好的体验。

2024年11月09日

快速了解JavaScript富文本编辑（js富文本编辑器实现）

富文本编辑器（Rich Text Editor）是在网页上使用的一种所见即所得的文本编辑器，是 Web 应用开发中很常见的需求。

前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

px、rem、em的区别、浏览器的默认字体大小

什么是CSS?（什么是CSS?有什么作用?）

字体缩放(方式一)（字体缩放200%在哪里设置）

设置 Notepad++ 背景主题和字体大小

打开设置 / Settings

如何将文字大小调整至更大的效果?

字怎么变大 (How to Make Text Larger)

前端进阶高薪必会的54个CSS重难点知识梳理(2)13-24个详解

CSS em、rem、vm单位详解（html em单位）

sci论文图片格式要求一览（sci论文图片尺寸）

vue项目引入字体文件过大和动态加载文本，字体不生效问题

一、引入的字体文件包太大

1、字体打包前

2、字体打包后

快速了解JavaScript富文本编辑（js富文本编辑器实现）

富文本实现

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

打开 设置 / Settings

字怎么变大 (How to Make Text Larger)

一、引入的字体文件包太大

1、字体打包前

2、字体打包后

富文本实现

打开设置 / Settings