((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阅读
*{ 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阅读
第一步 ： 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
1448阅读
2评论
本文，我们将探讨 CSS 中使用t，即 Root EM。
原创
2023-05-20 02:26:32
79阅读
*{ 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
131阅读
rem能等比例适配所有屏幕 上面讲了一大堆目前大部分公司主流的一些web app的适配解决方案，接下来讲下rem是如何工作的。 上面说过rem是通过根元素进行适配的，网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小。举个例子：html{ font-size:20px; } .btn { width: 6rem; height: 3rem; lin
转载
2024-04-24 08:52:24
121阅读
一. 基础 1. css的引入：<link rel="stylesheet" href="">link标签中，rel属性代表relation，href是hypertext reference，即超文本引用。另外，type属性总是会隐式声明为text/css，但这并不是一个绝对安全的做法。最后一个值得说的属性是media，它的3个被广泛支持的
转载
2024-10-18 20:41:39
53阅读
rem布局em和rem的认识在布局中，除了px之外，还有两个常见的单位，em和remem： 相对于当前元素的字体大小→ 1em = 当前标签的font-sizerem： 相对于根元素（html）的字体大小→ 1rem = html标签的font-size浏览器默认的font-size的大小为16pxrem布局的效果：屏幕越大，标签就越大屏幕越小，标签就越小rem布局的原理：通过媒体查询的方式动态改
转载
2024-08-20 11:45:10
79阅读
自从Redmi(红米)品牌独立以后，除了发布智能手机以外，也有进军其他领域，例如：家电、路由器、耳机等，整体上给我的感觉就是Redmi正在学习其brother小米的生态链产品体系。前不久，Redmi 推出了首款智能手环：Redmi手环，这不难看出Redmi又开始往智能手环这方面的领域进军了。而Redmi手环目前的定价则为99.9元，但值得一提的是，Redmi手环最早是以95元众筹上线的。
转载
2024-02-25 11:28:20
95阅读
为什么需要rem布局？移动端设备很多，每个尺寸不一样，前端写的页面要在不同设备上进行展示，为了使页面在不同的移动设备上展示时不走样，需要一种布局，能在不同设备上进行缩放，以达到上述要求。为什么rem布局是用html标签的font-size呢？（这个问题很蠢，但是还是记录下来吧） 因为html标签的font-size的大小就是1rem，1rem指的是html标签的font-size大小。所以不用其他
转载
2024-03-29 16:06:12
108阅读
rem适配一, 网易适配方法 屏幕宽度/设计稿rem宽度=页面动态font-size值（如：375/7.5=50） document.documentElement.style.fontSize = document.docum
转载
2024-06-30 12:29:26
122阅读
rem是CSS3新引入的单位，它改良了往期版本中em单位使用不方便的缺点。（如果想了解em单位的更多信息，可以查看之前的文章：CSS中的em单位）一、em单位带来的问题我们知道，em的长度是根据元素自身的font-size大小来确定的：1em = 元素中文本的1个垂直高度如果元素自身没有设置font-size，那么em的长度将根据父元素的font-size来确定。另外，元素自身的font-size
转载
2024-06-29 23:30:25
179阅读
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阅读
移动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
264阅读
2评论
对于移动端的开发，rem 适配必不可少，我们可以用多种方式实现，下面给出一种方案 在 index.html 中添加如下代码 这里基于宽 320px 的屏幕分成了 16 份，也就是 1rem = 20px，目前大多数设计稿都是根据 iphone6 的宽（ 375px ）走的，建议大家在这里分成 25
转载
2017-03-09 00:29:00
106阅读
2评论
rem实例 20px 0.2rem 0.4rem 基于1920的设计图，我的电脑也是1920的浏览器全屏时：浏览器半屏时： ...
原创
2021-07-29 14:05:57
206阅读
YARN概述YARN架构伪分布式下YARN配置文件的修改启动YARN启动YARN的过程中可能出现的问题停止YARN提交MapReduce作业到YARN上运行 1.YARN概述全称：Yet Another Resource Negotiator（另一种资源协调者）资源调度框架2.YARN架构1）ResourceManager: RM整个集群同一时间提供服务的RM只有一个，负责集群资源的统一管理和调
移动无标题栏的窗体(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
初次接触移动端的时候，以为终于可以不用像pc那样考虑令人头疼的ie浏览器兼容问题，有强大的css3的帮助，可以随心所欲。。可是后来才发现原来移动端各种层次不齐的终端更会让人抓耳挠腮，同样的页面在不同的手机上显示的完全不一样的效果，于是抛开功能，页面适配性也成了一个大的课题。 说
声音有高低频率之分，声音经过分频率后低音由低音泡播放出来，频率越低那它的波长就越长，共鸣箱是声音波长的1/4的整数倍，所以体积会比高音音箱大。光有个高音的音响虽然也行，但是听起来没那么悦耳，比较生硬低音炮是什么意思低音炮，俗称超低低音音箱，是专门用来放松低音的音箱设备。一般而言，我们把音频分为超重低音、低音、低中音、中音、中高音、高音、超高音等。超重低音是指 重放频率下限在20Hz以上的低音。在重
