浏览器的默认字体高是16px。兼容性：目前，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。对于不支持的浏览器，要多写一个绝对单位的声明，这样浏览器就会忽略用rem设定的字体大小。%css中的body先全局声明font-size=62.5%，%的算法和rem一样。因为16px=100%，1px=6.25%，所以10px=62.5%。1rem=10px，所
转载
2024-03-07 13:11:01
201阅读
为什么需要rem布局？移动端设备很多，每个尺寸不一样，前端写的页面要在不同设备上进行展示，为了使页面在不同的移动设备上展示时不走样，需要一种布局，能在不同设备上进行缩放，以达到上述要求。为什么rem布局是用html标签的font-size呢？（这个问题很蠢，但是还是记录下来吧） 因为html标签的font-size的大小就是1rem，1rem指的是html标签的font-size大小。所以不用其他
转载
2024-03-29 16:06:12
108阅读
思考1. 页面布局文字能否随着屏幕大小变化而变化？2. 流式布局和flex布局主要针对于宽度布局，那高度如何设置？3. 怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放？一、rem 基础rem 单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置
转载
2024-06-13 17:01:17
81阅读
rem布局的概念，用途，用法和扩展内容
rem布局1.rem布局是什么？font size of the root element.rem就是相对于根元素<html>的font-size来做计算2.为什么要使用rem布局？ 使用 rem 单位能够控制元素整体等比放大缩小，而不是固定大小。 使用这种灵活性，在开发期间，能更加快速灵活的调整，允许
转载
2024-03-29 22:21:40
83阅读
rem 布局的定义： css(相对单位，是相对于网站根元素的font-size来计算大小，比如说html的font-size:100px,那么设置的0.1rem就是10px,如果没有设html的字体大小，就是依据浏览器的默认字体大小，一般默认是16px，用户可以自行设置，所以在使用rem布局的时候，第一步就是给html设置font-size)使用场景，一般呢 rem布局是用来适配手机和
今天与大家聊一聊AI框架的前端，涉及两块内容：1、AI框架如何对接前端宿主编程语言2、AI框架的编程范式AI框架如何对接宿主编程语言现在Python可以说是AI框架默认的宿主语言，开发者喜欢其易用性和灵活性，但是框架需要解决Python灵活性和性能的矛盾（如何进行Python加速）。Python加速范式在AI框架出来之前，广泛存在三种范式：CPython：Python的C extension，现在
Bandicam 一款由韩国开发的高清录制视频的工具，Bandicam 的优势在于对电脑配置要求低，一些配置比较低端的电脑，通常录制视频会出现不同步现象，使用 Bandicam 就可以避免此问题。Bandicam录制的视频体积小，而且画面清晰，可以录制分辨率高达2560×1600高画质视频（1080p全高清视频可以做的），录制的时候可添加自己的LOGO到视频中，支持bmp、 png 与 jpeg
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阅读
一、字体 font-family font-family:[字体1] [,字体2] [,...]
例如： font-family:"宋体"; 1. 含空格字体名和中文，用英文引号( " ) 括起 font-family:"微软雅黑";
font-family:"Calibri Light"; 2. 多个字体，用英文逗号 “,” 隔开 设置多个字体，浏览器依次查找，如果都没有
上一篇我们构建了一个特别简单的Hello world 小程序，我们今天来做页面的UI设计。我做这个小程序的初衷其实是为了学习小程序的开发，小程序的文档看了三天才看完感觉累得够呛也没有太仔细深入研究，为了快速提高技术只能边学边实践。上个学期刚好开设《VB测绘程序设计》这门课，这门课虽然只是考察课但是给了我很好的灵感，所以我想了一下还是做一个与结合测绘相关的计算，这样既可以让更多学测绘的人也用到它解决
移动web开发之rem布局rem基础rem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */
html {
font-size: 12px;
}
/*
转载
2024-08-27 17:08:32
131阅读
HTML笔记1(初级)文本元素h元素h1至h6 ：一到六级标题<h1>标题</h1>p元素p元素是段落元素，表示段落，即pargraphs<p>段落的内容</p>在一些测试界面中需要批量生成一些单词，则可以使用loren来生成一定数量的乱数假文。乱数假文，没有实际含义的文字例，输入lorem1000 则是批量生成1000个乱数假文span元素 【无语
兼容屏幕分辨率的几种布局方式 开发很多的项目是针对于不同的屏幕都要兼容的，一般是19201080，最低有时候需要支持到1024768，因此需要在布局上有一些适应屏幕的方式。有多中方式。1 最基本的是所有都卡死px，这样的话，当屏幕过小时，会出现滚动条，可以拖动显示。全都使用px的方式，不会受到屏幕的影响，当屏幕过小时可以拖动滚动条显示，但是效果很不好，有时候想在页面上看一个内容，还需要拖动滚动条
起步：1、全局安装vue-cli：npm install vue-cli -g2、初始化nuxt：vue init nuxt/starter（先进入项目目录文件夹）3、安装依赖：npm install4、开发环境启动项目：npm run dev5、开发完成后打包代码：npm run build6、启动服务：npm start一、Nuxt常用配置项1、配置IP和端口：开发中经常会遇到端口被占用或者指
声音有高低频率之分，声音经过分频率后低音由低音泡播放出来，频率越低那它的波长就越长，共鸣箱是声音波长的1/4的整数倍，所以体积会比高音音箱大。光有个高音的音响虽然也行，但是听起来没那么悦耳，比较生硬低音炮是什么意思低音炮，俗称超低低音音箱，是专门用来放松低音的音箱设备。一般而言，我们把音频分为超重低音、低音、低中音、中音、中高音、高音、超高音等。超重低音是指 重放频率下限在20Hz以上的低音。在重
什么是 rem可能在你使用收音机或者用其他音乐播放器之前，就已经听过“R.E.M.”这个词了。在这个乐队眼中，这个词是“浅睡眠时眼球的快速转动”的缩写，而在 css 中，rem 代表着“以根元素为参照物的 em 单位“。他不会让你抛弃你的宗教信仰也不会让你相信那个远在月球的人，但是它可以帮助你实现一个和谐、平稳的设计。根据 W3C 规范中对 1rem 的定义：1rem 与等于根元素 font-si
转载
2024-08-27 11:49:58
91阅读
一：HTML说明 1.文件及文件夹命名规则：使用驼峰命名法，以“html"结尾。 2.在HTML中任何地方所书写的文本内容除了title标签里面都会在页面显示。 3.HTML文件不记录原始形态功能。（文本中的回车换行和空格 HTML不会保留格式 ） 4.HTML中书写的任何内容在浏览器里面都不会报错。（浏览器会对HTML标签进行自动化处理） 二：HTML标签 1.标签是HTML语言的详细内容，标签
转载
2024-09-29 19:08:59
20阅读
红外线连接用的是主板上的红外线接口，一般的主板都有，大家看看主板的说明，在BIOS里面打开就可以用了。VCC对应5v的电源电压，IRRX是接受端，GND是地线，IRTX是发射端。红外发射电路由红外线发射管L2和限流电阻R2组成。当主板红外接口的输出端IRTX输出调制后的电脉冲信号时，红外线发射管将电脉冲信号转化为红外线光信号发射出去。电阻R2起限制电流的作用，以免过大的电流将红外管损坏。当R2的阻
作者：月夕 演示代码使用 Vue3 + ts + Vite 编写，但是也会列出适用于 Vue2 的优化技巧，如果某个优化只适用于 Vue3 或者 Vue2，我会在标题中标出来。一、代码优化v-for 中使用 key使用 v-for 更新已渲染的元素列表时，默认用就地复用策略；列表数据修改的时候，他会根据 key 值去判断某个值是否修改，如果修改，则
流式布局（100%布局）（可能：做的页面不是很美观）效果与弹性布局一样 不设置宽高：表示宽 auto 最外层：保证100% 等比例缩放的算法： 320/10 已知的一个比例 = 已知的宽/x x就是想得到的值； 弹性/流式，布局比较容易，但是里面的内容显示的比例，在不同设备下会有偏差； rem布局：可以保证布局
