看了很多rem的讲解和很多博客，这里我说说自己对rem的认识。 rem ： 作为css3新的属性单位，基于document.documentElement元素的fontSize基准值来确定其初始值,让处于 &nb
转载
2024-05-28 09:06:41
72阅读
rem 量图计算公式：获取比值：设备尺寸/设计图尺寸 例如：设备宽度尺寸为 375px 、设计图尺寸为750px，计算获得比值为0.5，量得设计图上某个图片元素宽度为 100px，实际在375px宽度的设备上此元素为 100 * 0.5 = 50 px。故：设置html 下font-size 默认值为 0.5px，为了计算方便一般会以100倍计算，也就是50px，
转载
2023-06-08 13:05:43
473阅读
使用rem进行字体大小调整的主要问题是使用这些值有些困难。让我们看一个以rem单位表示的常见字体大小的示例，当然，假定基本大小为16px：报表广告10px = 0.625rem12px = 0.75rem14px = 0.875rem16px = 1rem（基本）18px = 1.125rem20px = 1.25rem24px = 1.5rem30px = 1.875rem32px = 2rem
转载
2024-08-27 12:54:30
87阅读
摘要：rem 是相对于 html 的 font-size，只需要确定了 html 的 font-size 的 px 字号，就可以计算出元素的宽高。
什么是 rem首先大家应该知道 em 单位，em 指的是相对于父元素的字体大小的单位，而 rem 指的是相对于 html 的字体大小的单位。例如：html 的 font-size 值为 10px ，那么 1rem 代表的就是 10px，2r
1、rem是什么？rem是目前好多企业都在使用的移动端界面的适配方案，是一种尺寸单位。 rem单位：相对单位rem单位是相对于HTML标签的字号计算结果1rem = 1HTML字号大小网页的根就是 html 标签 rem的样式代码如下：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UT
BAT文件语法和技巧（bat文件的编写及使用）（转载一） 比较有用的东比较有用的东西 首先，批处理文件是一个文本文件，这个文件的每一行都是一条DOS命令（大部分时候就好象我们在DOS提示符下执行的命令行一样），你可以使用DOS下的Edit或者Windows的记事本(notepad)等任何文本文件编辑工具创建和修改批处理文件。 其
次，批处理文件是一种简单
转载
2024-09-10 21:44:59
44阅读
在For命令语句的参数F中，最难理解的就是Delims和Tokens两个选项，本文简单的做一个比较和总结。“For/f”常用来解析文本，读取字符串。分工上，delims负责切分字符串，而tokens负责提取字符串。如果把字符串当作蛋糕，Delims像刀子，用来切蛋糕，tokens像叉子，用来取切好的蛋糕。下面我们用实例来进行理解。 把以下内容保存为文本文件“歌曲列
比较有用的东比较有用的东西 首先，批处理文件是一个文本文件，这个文件的每一行都是一条DOS命令（大部分时候就好象我们在DOS提示符下执行的命令行一样），你可以使用DOS下的Edit或者Windows的记事本(notepad)等任何文本文件编辑工具创建和修改批处理文件。 其次，批处理文件是一种简单的程序，可以通过条件语句(if)和流程控制语句(goto)来控制命令运行的流程，在批
什么是 rem 单位？
原创
2021-07-23 11:48:16
10000+阅读
近日在项目完成时需要需要做到内容跟随屏幕可视窗口大小进行适配，然后想到用rem来实现适配问题 1.首先安装一个px转rem的插件npm install postcss-pxtorem --save2.新建一个rem.js文件// 设置 rem 函数
function setRem() {
const pageWidth = window.innerWidth;
//为了ie也能拿到
转载
2024-05-15 15:01:43
812阅读
一、基础语法：
1.批处理文件是一个“.bat”结尾的文本文件，这个文件的每一行都是一条DOS命令。可以使用任何文本文件编辑工具创建和修改。
2.批处理是一种简单的程序，可以用 if 和 goto 来控制流程，也可以使用 for 循环。
3.批处理的编程能力远不如C语言等编程语言，也十分不规范。
4.每个编写好的批处理文件都相当于一个DOS的外部命令，把它所在的目录
转载
2024-10-18 18:49:56
30阅读
## 震惊！面试官竟然爱问这些前端问题css篇1.rem布局的原理？ Rem是css的一个相对单位 相对于html根元素自适应的原理 可以通过监测屏幕大小改变html的字体大小从而实现自适应大小的效果 rem取值分为两种情况，设置在根元素时和非根元素时，举个例子/* 作用于根元素，相对于原始大小（16px），所以html的font-size为32px*/2…响应式布局如何实现？ 响应式布局： 响应
转载
2024-10-27 09:38:26
29阅读
1.rem定义？首先css3规定1rem = html根节点的font-size，rem也就是root em简写。 为了方便计算通常设置根节点font-size = 100px 那么 1rem = 100px2.动态计算rem原理？核心思想：百分比布局可实现响应式布局，而rem相当于百分比布局。实现手段：动态获取当前视口宽度width，除以一个固定的数n，得到rem的值。表达式为rem = wid
转载
2024-03-22 14:46:11
738阅读
公司内部一直有大屏的需求，也一直再做，中途也踩了一些坑，但是没有认真的来总结下。首先项目中，做过移动端的适配，也有现在的大屏需求，中间都离不开不一个单位rem，自适应看起来就很麻烦，不过无惧困难，困难才会看到你说，哟，厉害了，我闪~，下面慢慢聊来。浅析rem首先rem是css单位，相比于px固定的像素单位，rem更加的灵活，还有现在也比较好的vm。如果从未了解过，可以先过过眼rem自适应。CSS3
转载
2024-07-11 21:25:58
237阅读
rem布局原理深度理解（以及em/vw/vh）一、前言我们h5项目终端适配采用的是淘宝那套《Flexible实现手淘H5页面的终端适配》方案。主要原理是rem布局。最近和别人谈弹性布局原理，发现虽然已经使用了那套方案很久，但是自己对rem的理解很含糊， 包括vw、vh等。所以打算写博客总结一下，以加深理解。二、几个概念这里就不讲那些，物理像素、设备像素比了，可以自己查阅。要去理解rem/em/vw
转载
2024-08-15 02:06:16
76阅读
echo、@、call、pause、rem(小技巧：用::代替rem)是批处理文件最常用的几个命令echo 表示显示此命令后的字符 echo off 表示在此语句后所有运行的命令都不显示命令行本身 @与echo off相象，但它是加在每个命令行的最前面，表示运行时不显示这一行的命令行（只能影响当前行）。 call 调用另一个批处理文件（如果不用call而直接调用别的批处理文件，那么执行完那个批处理
转载
2024-10-20 15:10:49
56阅读
用php生成静态html页面 因为每次用户点击动态链接的时候都会对服务器发送数据查询的要求对于一个访问量可能达百万千万级别的网站来说 这无疑是服务器一个大大的负担所以把动态数据转换成静态html页面就成了节省人力物力的首选因为此前没有相应的经验 刚开始的时候觉得这个技术很神秘但在看了一些例子以后发现并不是那么复杂（不过网上的资料并不是特别详细）经过一个上午加中下午的试验 终于把该做的任务完成了 下
((win,doc){ const docEl = document.documentElement, calc = function(){ let clientWidth = docEl.clientWidth if(clientWidth>=750){ docEl.style.fontSize = '100px' }else{
原创
2022-01-25 11:15:41
127阅读
先来要实现的效果图下方图1是官网的案例下图2是展示气泡类型为pin的效果：绘制散点图（气泡）是echarts的一种series:所以要实现在geojson绘制的地图上展示散点图就不能在series里设置geojson的地图在series的type为map里：如果将注册的地图放在这里啦，那么在series里设置的scatter无法正常的显示，所以要将注册的geojson地图在echarts的geo里
*{ margin: 0 auto; padding: 0;}@rem:75rem;.webpage{ width: 750/@rem; height: 1334/@rem; background: url(../image/背景图.png) no-repeat; background-size:cover ;}<!DOCTYPE ...
原创
2022-01-16 11:19:14
116阅读
