移动端rem单位

ZhouMin8877 ZhouMin8877 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 200+累计阅读 284平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄9年
关注
原创 最新推荐文章于 2026-04-13 10:18:28 发布 284 阅读 AI 写同款· GEO 优化 ›
制作移动端、大屏时，用到的 rem单位和如何自己定义长度单位及解析 如何制作移动端 名词解释： 设备像素比：非视网膜屏幕是指，屏幕可视区域宽度是320像素，就只能显示320像素的内容。视网膜屏幕是指，屏幕可视区域宽度是320像素，却能够显示640像素、960像素的内容。其中，屏幕可视区宽度叫设备独立像素，device independent pixels，简称dip或dp。屏幕能够显示的显示的实际像素数叫做物理像素。 设备像素比window.devicePixelRatio=物理像素/设备独立像素。 rem:rem（font size of the root .. 阅读详情

如果设计图是 750px，就除以7.5

document.documentElement.style.fontSize = document.documentElement.clientWidth /7.5 + 'px';
收录于
前端效果

当前文章被收录于：

前端效果
7 篇文章 0 人学习
订阅专栏 查看详情
html+css

当前文章被收录于：

html+css
4 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
【Android逆向工程】第17章：反调试与反 Hook 对抗技术 本文介绍了Android应用常见的反调试技术及其对抗策略。主要内容包括： 反调试技术概述 分类：进程检测（ptrace、TracerPid）、文件检测、行为检测（时间/断点）、内存检测、框架检测 对抗思路：识别检测点→Hook检测函数→修改返回值→隐藏工具特征 ptrace检测实现 原理：利用ptrace系统调用检测调试器附加 实现方式：直接检测、持续线程检测、fork子进程检测 绕过方法：Frida Hook ptrace函数返回0，或使用LD_PRELOAD注入假函数 综合防护 涉及多种检测技术的组合使 阅读详情

相关推荐

如何在两台电脑间，实现zotero文件和数据两种类型的双向同步

在完成本文配置后，可以在两台不同的电脑间，通过两步简单操作实现zotero数据和文件的双向同步，并且全程免费首先，打开zotero->编辑->首选项->高级->文件与文件夹，配置链接附件根目录以及数据存储位置，前者将pdf文件通过相对地址形式存于zotero中（而非真正的pdf文件），后者则是设置用户本地数据的地址建议设置在数据盘D盘，可以避免后续对盘名的修改（因为基本每个电脑都存在C盘和D盘）然后，同一页面下，打开同步，配置数据以及文件同步方式。数据同步保持默认即可，文件同步选择WebDav，然后去坚果云

weixin_43008154的博客 1万+

移动端常用单位：px、%、vh、vw、em、rem

css长度单位

qq_44718039的博客 2178

Ubuntu22.04上如何用Docker一键部署Ragflow+Ollama（附CUDA配置避坑指南）

本文详细介绍了在Ubuntu22.04系统上使用Docker一键部署Ragflow+Ollama的完整流程，特别提供了CUDA配置的避坑指南。从硬件兼容性检查、驱动安装到容器网络配置，手把手教你搭建本地化大模型环境，解决CUDA驱动冲突等常见问题，助力开发者快速构建AI应用开发平台。

weixin_26875109的博客 284

移动适配rem

一、移动适配 背景：因为移动端不同设备宽高不同，需要一种方法使得对所有宽高布局一致。 方法： rem： 目前多数企业在用的解决方案 vw / vh：未来的解决方案 用像素做单位没有办法实现等比例放大缩小，用百分比做单位也不能完全解决。 对于宽度来说，其父级元素无须确定宽度就能设置百分比 若某元素的父元素没有确定高度，则无法有效使用height=XX%的样式 1、rem单位 相对单位 rem单位是相对于HTML标签的字号计算结果 1rem = 1HTML字号大小 <style> h

qq_40832034的博客 2063

深入解析时钟同步技术：相位同步、频率同步与同源时钟的实战应用

本文深入解析时钟同步技术的三种核心方式：相位同步、频率同步与同源时钟，详细阐述其技术原理、实现方案及实战应用。通过对比分析不同同步方式的特点与适用场景，为电子系统设计提供选型指南，帮助工程师优化时钟网络设计，提升系统稳定性和性能。

weixin_29240711的博客 449

Ubuntu20.04 高效安装企业微信的完整指南

本文提供了在Ubuntu20.04系统上高效安装企业微信的完整指南，详细介绍了通过Deepin-wine环境运行Windows版企业微信的步骤和优化技巧。内容包括系统环境检查、依赖安装、企业微信包的获取与安装、首次运行配置及常见问题解决方案，帮助开发者在Ubuntu系统中流畅使用企业微信进行办公通讯。

weixin_42568801的博客 353

移动端rpx px，rem em区别

移动端px rpx区别

m0_64515300的博客 2923

DDR5内存设计实战：如何通过CA_ODT引脚优化信号完整性（附配置示例）

本文深入探讨DDR5内存设计中CA_ODT引脚的配置与优化策略，通过Group A/Group B分组控制提升信号完整性。详细解析了ODT机制、PCB布局要点及寄存器配置方法，并附实战案例与配置示例，帮助工程师解决高速信号传输中的反射问题，确保DDR5系统稳定运行。

weixin_29202213的博客 399

移动端适配和响应式页面中的常用单位

百分比单位是相对于父元素的大小计算的。它可以用于设置宽度、高度、字体大小等属性，使得元素能够随着父元素的大小自动调整。单位也可以用于移动端适配和响应式页面，但由于它是相对于当前元素的字体大小计算的，这可能导致嵌套元素的大小计算变得复杂。这样，当我们需要调整整个页面的大小时，只需修改根元素的字体大小即可。）的字体大小计算的。在实际项目中，我们通常会根据不同的需求和场景，灵活地使用这些单位来实现移动端适配和响应式页面。视口单位在移动端适配和响应式页面中非常实用，因为它们能够使元素随着视口大小自动调整。

Keep trying, keep going 1054

STM32F103+AX58100 EtherCAT从站SPI移植实战：CubeMX配置避坑指南

本文详细介绍了STM32F103与AX58100 EtherCAT从站控制器的SPI接口移植实战，重点解析CubeMX配置中的关键参数与常见陷阱。内容涵盖硬件连接规范、SPI模式设置、中断优先级规划及协议栈对接技巧，帮助开发者高效实现工业自动化领域的实时通信方案。特别强调CPOL/CPHA配置与AX58100的匹配要求，避免数据错位问题。

weixin_29230865的博客 331

解决anaconda占用C盘空间过多问题

anaconda就算安装在其他盘，默认会把索引、锁定文件、压缩包等都放到系统盘(C盘)，我用了两年，占用30GB。 1. 卸载不用的虚拟环境 查看已安装的虚拟环境 conda env list 卸载不用的、过期的虚拟环境 conda remove -n (要卸载的环境的名字) --all 2. 删除索引缓存、锁定文件、未使用过的包和tar包 conda clean -a 清理完之后，删除了15GB，还剩15GB，舒服了 ...

沉迷单车的追风少年 3万+

移动端适配之rem详解

移动端适配之rem详解 rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。 1rem等于根元素的font-size，即只需要设置根元素的font-size，其它元素使用rem单位时，设置成相应的百分比即可。 为什么需要rem？（与传统的单位的区别） px：是相对于显示器屏幕分辨率而言的相对长度单位。在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。 em：是继承父级的（相对于父元素）。假

zzh1251994430的博客 3399

ShardingSphere 5.3 系列Spring 配置升级指南 | Spring Cloud 47

在 `5.3.0` 版本以前，`ShardingSphere-JDBC` 同时支持 `Java API`、`YAML`、`Spring Boot Starter` 和 `Spring Namespace` 等配置方式。 - 当新增或更新 API 时，需要调整多项配置文件，工作量大 - 社区需要维护多重配置文档和示例 - `Spring Bean` 生命周期管理容易受到项目其他依赖的影响，比如 `PostProcessor` 无法正常执行 - `Spring Boot Starter` 和 `Spring N

gmHappy 2万+

移动端rem单位换算

移动端px单位换算rem 1、第一种； 如果UI设计整体效果图的宽是750px,那我们写移动端计算rem值的时候就要先除以2，然后在除以10就是该元素的rem值 例如：20px = 20px/2/10=1rem; // 写移动端的时候rem单位换算px <meta name="viewport" content="width=device-width, initial-scale=1....

肉多 1880

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料，已经经过了本人的筛选和整理，希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助！

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

rem移动端相对单位

加入QQ群：864680898，一起学习进步！ rem移动端相对单位 移动端禁用用户缩放 &amp;amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width,initial-scale=1.0,user-scalable=no&amp;quot;&amp;amp;gt; 什么是dpr？ devicePixelRatio其实指的是window.devic

qq_42036203的博客 1848

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能：商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传，基本资料下载，开钱箱、小票打印、收款结算，支持多币种付款方式（现金、储值卡、礼券、微信等）,支持多种促销。运行环境：.net 4.0登陆信息用户名:1001 密码:123456内置商品信息，商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

移动端适配单位rem

0 写在前面 　　本周惊喜地发现，其他各个老师的软工班（罗杰老师班和欧阳老师班）的软工项目的alpha版本都已经发布了！（然而我们软工项目还没开始写代码…逃…） 　　十分好奇的我第一时间下载了一些他们的产品进行体验，由于我是在手机上打开的他们的项目，一些基于web端开发的产品在前端效果上看起来有些古怪。进而发现，可能是在各个项目组的开发过程中，没有将移动端的适配问题考虑在内。 　　由于手机网...

weixin_30361753的博客 119

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

移动端常用单位——rem

移动端常用单位： ①px：像素大小，固定值 ②%：百分比 ③em（不常用，但是在首行缩进时可以使用）：相对自身的font大小（当自身的字体大小也是em做单位时，才会以父元素的字体大小为基准单位） ④rem（移动端主流）：相对根节点(html)的font大小 ⑤vw（视口宽度）：相对视口宽度比例，1vw相当于视口宽度的百分之一 ⑥vh（视口高度）：相对视口高度比例，1vh相当于...

821

移动端REM单位换算

近期项目需要，移动端使用rem单位布局，我之前一直用vw和vh单位，用这也能实现，没啥毛病，但是公司领导让换单位，咱也得改是吧，下面是从网易，淘宝等大厂抄的作业： ...

QUX轻博客 532

关于移动端css用rem单位的情况

写移动端的页面有一些了 试用过的方法大概总结一下： 1、字号单位px，宽度写百分数，高度写定值px 2、在css中用@media写媒体查询，以iphone6 为分界，字号单位用rem，宽度写百分数，高度尽量用padding，不要给定值（防止用户在浏览器中自动调节字号大小，使页面错乱） 3、就是本文想说的重点方法，用js算一下基本字号的大小，字号，宽度和高度，所有单位都用re

aamen1109的博客 2022

移动端rem距离单位的使用

在做移动端开发的时候大家肯定会遇到适配问题，手机的屏幕大小有非常多的类别，使用传统的px距离单位已经无法满足我们的需要，于是rem便横空出世，他与百分比定位是比较像的，但是也是有一定的区别，在这里就跟大家分享一下rem的使用方法。 rem是一个相对单位，他的大小是可以根据你的计算来定的，比如说在我的移动端网页中rem与px的换算规则如下： 1rem = 100px 在UI给我的设计稿中是...

dke1141的博客 276

rem单位移动端适配

css 单位中有相对大小和绝对大小，px em 等等，但是css3出现了一个新的单位 —rem , rem单位是根据html元素的font-size相对大小的，1rem = font-size * 1（html的字体大小） 运用在移动端的适配 html文件中如下： function rem() { let width = document.documentElement.g...

qq_38992657的博客 327

移动端布局单位 vw+rem、rem+js、vw

根据CSS3规范,视口单位主要包括以下4个: vw : 1vw 等于视口宽度的1% vh : 1vh 等于视口高度的1% vmin : 选取 vw 和 vh 中最小的那个 vmax : 选取 vw 和 vh 中最大的那个 用视口单位度量，视口宽度为100vw，高度为100vh（左侧为竖屏情况，右侧为横屏情况） 例如，在桌面端浏览器视口尺寸为650px，那么 1vw = 650 * 1% = 6....

zyqgt960812的博客 1073

移动端布局之rem+px+vw单位换算

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} html{ font-size:100px; ...

weixin_46421045的博客 869

移动端页面单位的选择(px em rem)

移动端页面单位的选择(px em rem)绝对单位:  px相对单位:  rem  em em具有继承性  继承自直接父类  所以说在移动端很少用浏览器默认的字体大小 16px  那么 1em=16pxrem 有一个统一的标准  它继承自html   默认是16px=1rem可以给html的字体大小设置为10px    html{ font-size: 10px; }        10px=1...

三七二十一的博客 2229

‌移动端适配：rem单位设置

使用rem单位设置移动端适配，能高效实现响应式布局，代码维护简单。核心是动态计算根字体大小，并通过CSS统一使用rem。结合媒体查询（如。

2501_93894620的博客 774

rem和vw单位与移动端适配最佳实践

在移动端适配中，和单位都是非常重要的工具，它们各自具有独特的优势和应用场景。以下是关于这两个单位及其在移动端适配中的最佳实践：定义与原理：优点：缺点：最佳实践：定义与原理：优点：缺点：最佳实践：在实际开发中，可以根据项目的具体需求和目标设备的范围来灵活选择使用或单位，或者将两者结合起来使用。例如，可以使用单位来实现整体布局的缩放，而使用单位来设置某些需要精确适应视口宽度的元素尺寸。同时，还可以结合CSS预处理器、媒体查询等技术手段来提高开发效率和适配效果。总之，和单位在移动端适配中都具有重要作用，通过合理运

读心悦 824
上一篇： cookie获取不到浏览器中所有的cookie值的问题
下一篇： css效果之 文字渐变
点赞 0
评论 0
书签 书签 0
ZhouMin8877
ZhouMin8877
博客等级 码龄9年 4粉丝 33原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值