px, em, rem, vw, vh, vmin, vmax的含义

2024-05-11 02:08
文章标签 em 含义 rem px vh vw vmin vmax

本文主要是介绍px, em, rem, vw, vh, vmin, vmax的含义,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

vw 相对于视窗的宽度:视窗宽度被平均分为100vw,即width:1vw相当于width:1%,此1%不是父元素的1%而是视窗的1%。

vh 相对于视窗的高度:视窗高度被平均分为100vh

vmin vw和vh中较小的那个被均分为100单位的vmin,应用场景举例:用于移动设备横屏竖屏的显示时

vmax vw和vh中较大的那个被均分为100单位的vmax

注意,“视区”所指为浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小


px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的

rem:相对长度单位。r’是“root”的缩写,相对于根元素<html>的字体大小

em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。


这篇关于px, em, rem, vw, vh, vmin, vmax的含义的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/978208

相关文章

Linux错误代码及其含义

最近在做工程的时候,程序在崩溃时候弹出了错误号,然后根据错误号搜索错误信息,很快解决之,特此记录。 在程序出错时,我们通过全局变量错误号errno和perror函数能够很快的定位到错误原因。 Linux错误代码及其含义 C NameValueDescription含义Success0Success成功EPERM1Operation not permitted操作不允许ENOENT2No

兔子-build.gradle中代码的含义

//声明构建的项目类型,这里当然是android了apply plugin: 'com.android.application'//设置编译android项目的参数android {// SDK的版本号,也就是API Level,例如API-19、API-20、API-21等等。compileSdkVersion 23//构建工具的版本,其中包括了打包工具aapt、dx等等。// 这个工具的目

simulink中rem模块

在Simulink中,Rem模块用于计算两个数相除后的余数,即求模运算。它的功能非常简单,但在许多应用中非常有用,特别是在数字信号处理和控制系统中。 使用Rem模块的步骤 添加模块: 打开Simulink模型,在Simulink库浏览器中找到“Math Operations”下的“Rem”模块,将其拖放到模型中。 连接输入: Rem模块有两个输入端口: 第一个输入端口(上)是被除数(分子)。

微信小程序rpx和px关系

微信小程序中使用了自定义的尺寸单位 rpx(responsive pixel),这是一种相对单位,用于适配不同屏幕尺寸的设备。rpx 的设计目的是为了让开发者能够更容易地写出跨屏幕尺寸的应用,而不需要为每个屏幕尺寸单独写一套样式。 rpx 和 px 的换算 在微信小程序中,屏幕基准宽度为 750rpx。也就是说,当屏幕宽度为 750rpx 时,1rpx 等于 1/750 屏幕宽度。实际的物理像

MySQL数据类型 int(M)中M含义

int(M)我们先来拆分,int是代表整型数据那么中间的M应该是代表多少位了,后来查mysql手册也得知了我的理解是正确的,下面我来举例说明。 MySQL 数据类型中的 integer types 有点奇怪。你可能会见到诸如:int(3)、int(4)、int(8) 之类的 int 数据类型。刚接触 MySQL 的时候,我还以为 int(3) 占用的存储空间比 int(4) 要小, int(4)

高斯混合模型(GMM)的EM算法实现

在 聚类算法K-Means, K-Medoids, GMM, Spectral clustering,Ncut一文中我们给出了GMM算法的基本模型与似然函数,在EM算法原理中对EM算法的实现与收敛性证明进行了详细说明。本文主要针对如何用EM算法在混合高斯模型下进行聚类进行代码上的分析说明。 GMM模型: 每个 GMM 由 K 个 Gaussian 分布组成,每个 Gaussian 称为一个“C

区块链的含义是什么

目录 区块链的基本定义 区块链的构成与特性 区块链的类型 区块链的应用 区块链的基本定义 区块链是一种分布式数据存储、点对点传输、共识机制和加密算法等计算机技术的新型应用模式。它通过将数据区块按照时间顺序相连形成链式结构,确保数据的真实性和不可篡改性。 区块链的构成与特性 构成:区块链由多个数据区块组成,每个区块包含一定数量的交易记录,并通过哈希值与前一个区块相连。特性:区

sass px转vw

如今移动端对 vw/vh 的尺寸单位基本兼容,对代码有洁癖的开发者们不想用js去计算rem的值了。 网上有许多有关在 sass 中 px转rem的文章了,今天小编带来一个简单实用的 px转vw的方法 sass方法源码 /*750:设计稿宽度$px:元素在设计稿上的宽度*/@function px2vw($px) {@return $px/750*100vw;} 使用方式 由上图所

探索 MATLAB 中的 rem 函数:余数计算与应用

在 MATLAB 中,rem 函数用于计算除法的余数,这是一个非常实用的函数,尤其在需要处理循环、周期性数据或判断整除关系时。本文将深入探讨 rem 函数的用法、常见的应用场景以及与其他相关函数的比较。 1. rem 函数的基本语法 rem 函数的基本语法如下: r = rem(a, b); a:被除数,可以是标量、向量或矩阵。b:除数,可以是标量、向量或矩阵,通常与 a 的尺寸相同或为