2. CSS 中的单位

embedded/2025/1/22 5:01:55/

CSS 中的单位

CSS 新单位:vmin 和 vmax

  1. vmin

vmin 表示相对于视口宽度和高度中较小者的百分比。

  1. vmax

vmax 表示相对于视口宽度和高度中较大者的百分比。

例如,如果视口的宽度为 1000px,高度为 800px,那么 1vmax 就等于 10px(即 1000px 的 0.1),1vmin 就等于 8px(即 800px 的 0.1)。

使用 vmin 和 vmax 单位可以根据视口的宽度和高度来设置元素的大小,实现响应式布局。

CSS 新增的单位 ch

在 CSS 中,ch 是一个相对单位,它代表数字 0(零)的宽度,在当前的字体和字体大小下的度量。这个单位特别适用于需要基于字符宽度进行布局的场景,比如保持文本的垂直对齐或者在元素内部确保一定的空间以容纳文本字符。


http://www.ppmy.cn/embedded/155969.html

相关文章

GRE协议(附华三实验)

概述 通用路由封装协议,可以对某些网络层协议(如IPX、AppleTalk等)的数据报文进行封装,使这些被封装的数据报文能够在网络中传输,是一种三层协议,个人认为这是最简单的VPN技术 GRE提供了将一种协议的报文…

SQL-leetcode—1084. 销售分析 III

1084. 销售分析 III 表: Product --------------------- | Column Name | Type | --------------------- | product_id | int | | product_name | varchar | | unit_price | int | --------------------- product_id 是该表的主键(具有唯一值的列&…

AWTK fscript 中的 输入/出流 扩展函数

fscript 是 AWTK 内置的脚本引擎,开发者可以在 UI XML 文件中直接嵌入 fscript 脚本,提高开发效率。本文介绍一下 fscript 中的 iostream 扩展函数 1.iostream_get_istream 获取输入流对象。 原型 iostream_get_istream(iostream) > object示例 va…

登录、注册、忘记密码、首页HTML模板

<!DOCTYPE html> <html lang"zh"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>登录</title><style>body {display: fl…

Java 和php 在语法上有什么区别

从PHP转向Java开发时&#xff0c;你会遇到一些语法和概念上的差异。以下是Java和PHP在语法上的主要区别&#xff0c;以及一些需要注意的地方&#xff1a; 类型系统 PHP&#xff1a; 是一种弱类型语言&#xff0c;变量的类型是动态的&#xff0c;不需要显式声明。 可以在运行时…

【面试题】JVM部分[2025/1/13 ~ 2025/1/19]

JVM部分[2025/1/13 ~ 2025/1/19] 1. JVM 由哪些部分组成&#xff1f;2. Java 的类加载过程是怎样的&#xff1f;3. 请你介绍下 JVM 内存模型&#xff0c;分为哪些区域&#xff1f;各区域的作用是什么&#xff1f;4. JVM 垃圾回收调优的主要目标是什么&#xff1f;5. 如何对 Jav…

adb常用指令(完整版)

1、adb devices 查看是否连接到设备 2、adb install [-r] [-s] 安装app&#xff0c;-r强制&#xff0c;-s安装sd卡上 3、adb uninstall [-k] 卸载app&#xff0c;-k保留配置和参数 4、adb push 把本地文件上传设备 5、adb pull 下载文件到本地 6、cd D:\sdk\platform-tool…

STM32的DMA作用

STM32的DMA&#xff08;Direct Memory Access&#xff09;&#xff0c;即直接存储器存取&#xff0c;是一个重要的外设功能&#xff0c;它的主要作用是实现数据在外设和存储器之间或者存储器和存储器之间的高速传输&#xff0c;而无需CPU的干预。以下是对STM32的DMA作用的详细解…