((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
115阅读
*{ 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
106阅读
*{ margin: 0 auto; padding: 0;}@rem:75rem;.webpage{ width: 750/@rem; height: 1334/@rem; background: url(../image/背景图.png) no-repeat; background-size:cover ;}<!DOCTYPE ...
原创
2021-09-03 15:01:11
122阅读
第一步 ： npm install lib-flexible postcss-pxtorem -S 第二步： 运行指令展示出 webapck.config.js 文件 npm run ejectAre you sure you want to eject? This action is perman ...
转载
2021-04-23 16:29:00
1405阅读
2评论
本文，我们将探讨 CSS 中使用t，即 Root EM。
原创
2023-05-20 02:26:32
66阅读
rem能等比例适配所有屏幕 上面讲了一大堆目前大部分公司主流的一些web app的适配解决方案，接下来讲下rem是如何工作的。 上面说过rem是通过根元素进行适配的，网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小。举个例子：html{ font-size:20px; } .btn { width: 6rem; height: 3rem; lin
一. 基础 1. css的引入：<link rel="stylesheet" href="">link标签中，rel属性代表relation，href是hypertext reference，即超文本引用。另外，type属性总是会隐式声明为text/css，但这并不是一个绝对安全的做法。最后一个值得说的属性是media，它的3个被广泛支持的
自从Redmi(红米)品牌独立以后，除了发布智能手机以外，也有进军其他领域，例如：家电、路由器、耳机等，整体上给我的感觉就是Redmi正在学习其brother小米的生态链产品体系。前不久，Redmi 推出了首款智能手环：Redmi手环，这不难看出Redmi又开始往智能手环这方面的领域进军了。而Redmi手环目前的定价则为99.9元，但值得一提的是，Redmi手环最早是以95元众筹上线的。
为什么需要rem布局？移动端设备很多，每个尺寸不一样，前端写的页面要在不同设备上进行展示，为了使页面在不同的移动设备上展示时不走样，需要一种布局，能在不同设备上进行缩放，以达到上述要求。为什么rem布局是用html标签的font-size呢？（这个问题很蠢，但是还是记录下来吧） 因为html标签的font-size的大小就是1rem，1rem指的是html标签的font-size大小。所以不用其他
rem适配一, 网易适配方法 屏幕宽度/设计稿rem宽度=页面动态font-size值（如：375/7.5=50） document.documentElement.style.fontSize = document.docum
rem布局em和rem的认识在布局中，除了px之外，还有两个常见的单位，em和remem： 相对于当前元素的字体大小→ 1em = 当前标签的font-sizerem： 相对于根元素（html）的字体大小→ 1rem = html标签的font-size浏览器默认的font-size的大小为16pxrem布局的效果：屏幕越大，标签就越大屏幕越小，标签就越小rem布局的原理：通过媒体查询的方式动态改
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
383阅读
rem是CSS3新引入的单位，它改良了往期版本中em单位使用不方便的缺点。（如果想了解em单位的更多信息，可以查看之前的文章：CSS中的em单位）一、em单位带来的问题我们知道，em的长度是根据元素自身的font-size大小来确定的：1em = 元素中文本的1个垂直高度如果元素自身没有设置font-size，那么em的长度将根据父元素的font-size来确定。另外，元素自身的font-size
移动web开发之rem布局rem 单位 rem (root em) 是一个相对单位,类似于em, em 是父元素字体大小不同的是rem的基准是相对于html元素的字体大小rem使用:比如,根元素(html)设置font-sizi=12px ,非根元素设置width:2rem,则换成px表示就是24px./* 根html 为 12px */html { font-size: 12px;}/*
转载
2021-05-07 11:47:16
253阅读
2评论
对于移动端的开发，rem 适配必不可少，我们可以用多种方式实现，下面给出一种方案 在 index.html 中添加如下代码 这里基于宽 320px 的屏幕分成了 16 份，也就是 1rem = 20px，目前大多数设计稿都是根据 iphone6 的宽（ 375px ）走的，建议大家在这里分成 25
转载
2017-03-09 00:29:00
99阅读
2评论
rem实例 20px 0.2rem 0.4rem 基于1920的设计图，我的电脑也是1920的浏览器全屏时：浏览器半屏时： ...
原创
2021-07-29 14:05:57
202阅读
移动无标题栏的窗体(borderstyle=none)
dim mouseX as integer
dim mouseY as integer
dim moveX as integer
dim moveY as integer
dim down as boolean
form_mousedown: 'mousedown事件
down=true
mouseX=x
mouseY=y
form
补充说明自动保存关掉vscode 左上角 => 自动保存不要勾以后注意: ctrl + s 保存代码缩进用两格缩进默认自动补逗号, 在 .prettierrc 加一行配置代码{
"semi": false,
"singleQuote": true,
"trailingComma": "none"
}vue create 创建项目失败, 报错原因: node-sass 仓库资源下载
本文介绍了正温度系数热敏电阻（PTC）和负温度系数热敏电阻（NTC）的工作原理，说明了它们在手机电池中所起的不同作用，并对其应用作了简要说明。 关键词： 正温度系数热敏电阻(PTC)；负温度系数热敏电阻（NTC） 温度特性 过流保护 随着移动通讯业在国内的迅猛发展，国内的手机消费者越来越多，由于手机是靠电池供电的产品，在电池内部通常都会带有一个PTC和NTC，很多人不明白它们
通过本文你可以学到如何创建一个 vite 插件模板 vite 插件的 各个钩子作用 vite 插件的 钩子执行顺序 如何写一个自己的 vite 插件了解 vite 插件什么是 vite 插件 vite 其实就是一个由原生 ES Module 驱动的新型 Web 开发前端构建工具。 vite 插件 就可以很好的扩展 vite 自身不能做到的事情，比如 文件图片的压缩、 对 commonjs 的支持、
