当前位置: 开发笔记 > 前端 > 正文

css：尺寸单位整理px、rem、em、vh、rpx

作者：冷尔岚钰_820 | 来源：互联网 | 2024-10-08 11:32

尺寸单位全称说明px-常用单位remfontsizeoftherootelement根据网页的根元素（html）来设置字体大小emfontsizeoft

尺寸单位全称说明
px-常用单位
remfont size of the root element根据网页的根元素&＃xff08;html&＃xff09;来设置字体大小
emfont size of the element根据其父元素的字体大小来进行设置
vh/vw视口宽度/高度
rpxresponsive pixel微信小程序像素单位&＃xff0c;宽度以iphone6&＃xff08;750rpx&＃xff09;为标准

尺寸单位	全称	说明
px	-	常用单位
rem	font size of the root element	根据网页的根元素&＃xff08;html&＃xff09;来设置字体大小
em	font size of the element	根据其父元素的字体大小来进行设置
vh/vw		视口宽度/高度
rpx	responsive pixel	微信小程序像素单位&＃xff0c;宽度以iphone6&＃xff08;750rpx&＃xff09;为标准

推荐阅读

iphone
嵌入式开发环境搭建与文件传输指南

本文详细介绍了如何为嵌入式应用开发搭建必要的软硬件环境，并提供了通过串口和网线两种方式将文件传输到开发板的具体步骤。适合Linux开发初学者参考。 ... [详细]

蜡笔小新 2024-12-22 13:38:48
button
使用JS、HTML5和C3创建自定义弹出窗口

本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例，详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]

蜡笔小新 2024-12-20 21:22:27
button
程序员如何优雅应对35岁职业转型？这里有深度解析

本文探讨了程序员在职业生涯中如何通过不断学习和技能提升，优雅地应对35岁左右的职业转型挑战。我们将深入分析当前热门技术趋势，并提供实用的学习路径。 ... [详细]

蜡笔小新 2024-12-20 18:26:03
button
深入理解小程序中的Picker组件

Picker组件是一种从屏幕底部弹出的滚动选择器，支持多种选择模式，包括普通选择器、多列选择器、时间选择器、日期选择器和省市区选择器。本文将详细介绍Picker的各种属性及其应用场景。 ... [详细]

蜡笔小新 2024-12-19 13:14:53
json
微信小程序中实现位置获取的全面指南

本文详细介绍了如何在微信小程序中实现地理位置的获取，包括通过微信官方API和腾讯地图API两种方式。文中不仅涵盖了必要的准备工作，如申请开发者密钥、下载并配置SDK等，还提供了处理用户授权及位置信息获取的具体代码示例。 ... [详细]

蜡笔小新 2024-12-18 10:41:24
json
C语言中如何正确编写头文件

本文探讨了在C语言编程中，如何有效避免多文件项目中的重定义问题，通过合理使用预处理器指令和extern关键字，确保代码的健壮性和可维护性。 ... [详细]

蜡笔小新 2024-12-17 19:39:04
json
自定义CSS样式打造个性化HTML5视频播放器

本文详细介绍如何使用CSS自定义HTML5视频播放器的样式，涵盖常见属性及跨浏览器兼容性问题。发布时间：2020-09-14 14:46:29；来源：亿速云；阅读量：58；作者：小新。 ... [详细]

蜡笔小新 2024-12-22 18:36:22
json
Appium + Java 自动化测试中处理页面空白区域点击问题

在进行移动应用自动化测试时，有时会遇到某些页面没有返回按钮，只能通过点击空白区域返回的情况。本文将探讨如何在Appium + Java环境中有效解决此类问题，并提供详细的解决方案。 ... [详细]

蜡笔小新 2024-12-22 17:30:25
json
Ulysses Mac v29：革新文本编辑与写作体验

探索Ulysses Mac v29，这款先进的纯文本编辑器为Mac用户带来了全新的写作和编辑环境。它不仅具备简洁直观的界面，还融合了Markdown等标记语言的最佳特性，支持多种格式导出，并提供强大的组织和同步功能。 ... [详细]

蜡笔小新 2024-12-22 14:26:49
json
微信小程序：授权登录与手机号绑定

本文详细介绍了微信小程序中用户授权登录及绑定手机号的流程，结合官方指引和实际开发经验，提供了一套完整的实现方案，帮助开发者更好地理解和应用。 ... [详细]

蜡笔小新 2024-12-21 14:20:40
json
Redis 架构解析：单节点、主从复制、哨兵模式与集群部署

在项目中使用 Redis 时，了解其不同架构模式（如单节点、主从复制、哨兵模式和集群）对于确保系统的高可用性和扩展性至关重要。本文将详细探讨这些模式的特点和应用场景。 ... [详细]

蜡笔小新 2024-12-20 13:34:22
json
Java安装与运行指南及学习建议

本文详细介绍了Java的安装、配置、运行流程以及有效的学习方法，旨在帮助初学者快速上手Java编程。 ... [详细]

蜡笔小新 2024-12-19 13:41:15
vue.js
计算机毕业设计ssm西石大头条

最新计算机专业原创毕业设计参考选题都有源码+数据库是近期作品ling取参考你的选题刚好在下面有,有时间看到机会给您发1ssm资源循环利用2springboot校园考勤系统3ssm防 ... [详细]

蜡笔小新 2024-12-19 11:39:56
vue.js
JESD204C 入门：第2部分新特性及其内容

本文内容来自ADI的技术文章，作者：DelJones原网址为：https:www.analog.comcnanalog-dialoguea ... [详细]

蜡笔小新 2024-12-18 17:21:20
vue.js
区块链的兴起：恰逢其时，犹如1996年的互联网

本文探讨了区块链技术的发展阶段，将其与1996年互联网的兴起进行对比，分析了当前区块链技术的现状及其未来潜力。 ... [详细]

蜡笔小新 2024-12-17 18:15:17

冷尔岚钰_820

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章