HTML中的单位

已于 2022-03-25 11:39:45 修改
阅读量325 收藏
点赞数
分类专栏： # css 文章标签： css html 前端
于 2022-03-17 15:34:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Matcha_ice_cream/article/details/123551986
版权

1、em表示一个字符大小
em是相对长度单位，相当于当前对象内文本的字体大小。

//段落首行缩进2个字的距离：
text-indent:2em;

em：自动适应用户所使用的字体

2、rem是根据根元素html的大小而变化
一般情况下，浏览器中默认的html的字体大小为 16px

3、dp 虚拟像素
dp：在不同像素密度的设备上会自动适配

Matcha_ice_cream
关注
专栏目录
webview加载htmlpx和dp关系
lanseyuanwei2的博客
06-02 2097
在Android中加载webview时获取webview的高度，单位为px 但是传参给html时，因为html会根据屏幕的密度进行缩放，必须转换为dp值才能使html比例正确 另如果想让获取的px值与html中px值相对应，须在开头加上<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width"
如何在jsp/html中使用dp单位
百度一下 猎人社区
06-19 1237
在 JSP/HTML 中，通常使用 px、em 等单位描述页面元素尺寸，但是有时候我们也需要使用更加灵活的单位，例如 dp。需要注意的是，使用 DP 单位虽然可以提高页面元素在不同分辨率设备上的适配能力，但由于 Web 开发中的屏幕适配与 Android 开发有所不同，因此使用 DP 单位时需要结合实际情况进行灵活运用。首先，我们需要导入相关的样式库，以便在样式表中使用 DP 单位。在上面的代码中，我们使用 toPx() 函数将使用 DP 单位描述的页面元素尺寸转换成像素单位，并应用到 .box 元素上。
CSS中那些px、em、pt、rem、%、dp（android）单位
热门推荐
ime33的博客
01-14 1万+
未经允许，不得转载！！ 水平有限，写的不周之处欢迎指正、交流！ 在前端开发中，遇到单位的时候会有几种选择，那到底用哪种单位才是最合适的呢？ 在国内的一些美工设计大师，在设计的时候多偏向于px单位，而在国外呢，大多喜欢使用em和rem作为单位。 一、px单位（pixel相对长度单位）相对于用户的设备分辨率而定，推荐使用。 特点： 1.低版本 IE无法调整那些使用px作为单
html 尺寸单位默认为,HTML 1-样式引入、路径、尺寸单位
weixin_36028243的博客
06-10 303
CSS样式中比需抖接朋功要朋插的引入方式css样式的引入有三种方式：1.css内联式，可直接写在html标签内，一般不建议这种写法。这里文字是红色2.css不事时功来这制请例在屏随会和时实于幻近支嵌入式，CSS代码写在标签中并放在h能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动标实效使ead标签内p{font-size:10px;}3.css样式导入,link和imp...
html的单位你都明白了吗？
muty1122的博客
03-17 1266
主要讲述了html中的基础单位都有哪些，哥哥基础单位的区分、使用方式以及使用范围，讲述了如何更高效的使用这些单位。对各个基础单位有一个深入了解可以更方便的对元素的各个数值进行合理的更改和归类管理
CSS单位和HTML标记默认值
javazhuanzai的专栏
01-15 335
====================================================== 注：本文源代码点此下载 ====================================================== em 相对长度单位。相对于当前对象内文本的字体尺寸。 如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。 ex 相对长
html的最小单位,CSS / HTML – dp（密度独立）单位？
weixin_39654619的博客
06-03 598
CSS / HTML – dp(密度独立)单位？对于Android，人们build议对UI元素使用dp(密度无关)度量，并且存在一些约定，例如使用48dp作为button高度等。我正在研究一个CSS / HTML / Javascript应用程序，并且在UIdevise方面受到很多批评，认为它不符合Androiddevise标准。 很明显，我的应用程序看起来会不一样，因为它使用的是CSS / ...
4k显示器用html好还是dp,2K、4K显示器的高清线你造怎么选吗？
weixin_39791386的博客
06-18 3549
2K、4K显示器的高清线你造怎么选吗？在现如今的桌面显示器中，1080p早已算不上卖点了，毕竟2k、4来的各种产品满大街都是，不少朋友趁着电脑升级的功夫，也想顺便想换台高清显示器，但不同的显示器配有不同的规格接口，关于这点你知道该怎么选吗?不同接口不同特性你都了解吗?不同接口不同特性你都了解吗?目前PC和显示器的主要连接接口包括DP、HDMI、DVI、VGA。如果台式机是提供了独显的，那么DP接口...
HTML 中几种常见长度单位介绍
qq_51379218的博客
11-06 4913
一：长度单位包括 1.相对长度单位包括：em, ex, ch, rem, vw, vh, vmax, vmin 2.绝对长度单位包括：in,cm, mm, q, pt, pc, px 1.相对长度单位: em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 ex：相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸 ch:数字“0”的宽度 rem
html中根据屏幕大小变化的单位,根据浏览器窗口大小的自适应 单位
weixin_42472941的博客
06-08 1697
小白心得今天在做页面的时候发现当我把浏览器窗口缩小的时候，里面的控件溢出我想要的边界了，然后我到之前在网上看到的所谓“自适应”这个词语，我查了一下这个“自适应布局”，它又叫做响应式布局，主要是针对页面在不同的设备不同的屏幕大小不同的分辨率下对页面布局的自动适应，其实在我的理解里就是传说中的等比例缩放，或许这也并不是绝对的，只是个人的理解而已。现在有很多前端开发框架都有响应式布局的功能，Bootst...
unity中单位是米还是厘米_Unity3D 单位
weixin_32357285的博客
12-30 1万+
一、【Unity3D的四种坐标系】1、WorldSpace(世界坐标)：我们在场景中添加物体(如：Cube)，他们都是以世界坐标显示在场景中的。transform.position可以获得该位置坐标。x轴：左负右正y轴：上正下负z轴：里正外负2、Screen Space(屏幕坐标):以像素来定义的，以屏幕的左下角为(0，0)点，右上角为(Screen.width，Screen.height)，Z的...
html vh和百分比,css中height 100vh的应用场景，动态高度百分比布局，浏览器视区大小单位...
weixin_31689491的博客
06-22 3519
css中height 100vh的应用场景，动态高度百分比布局，浏览器视区大小单位height:100vh一些只能vw, vh才能完成的应用场景：1. 场景之：元素的尺寸限制vw vh 主要是实现了动态高度百分比布局，比如宽高比不固定的图片，vw很轻易的实现正方形图片缩略图原始大图的尺寸限制问题——因为很有可能图片过大，尼玛一屏显示器区域不够放，我们需要对其进行缩放处理。这类限制的实现，在当下，需...
HTML中input输入框（详解输入框的用法）
最新发布
百赢出品，必属精品
04-30 1万+
input>元素是HTML表单中最常见的元素之一，用于收集用户的输入数据。它可以包含多种类型的输入，如文本、密码、数字等。通过指定不同的type属性，可以定义不同类型的输入字段。类型（type）属性定义输入字段的类型，如文本框、密码框、单选按钮、复选框等。常见类型包括textpasswordradiocheckboxfile等。名称（name）属性用于标识输入字段的名称，以便在表单提交时能够将数据传输到服务器。对于单选按钮和复选框，相同名称的一组按钮被视为一个组，只能选择其中的一个或多个。
4k显示器用html好还是dp,专家解密！七点告诉你4K显示器和4K电视最大区别！
weixin_35909141的博客
06-18 2637
如今，随着科技迅猛发展，显示技术革新，显示设备分辨率已经迈入了4K时代。网上有网友提问，是否可以用4K显示器代替4K电视观看节目呢？答案是否定的，4K显示器≠4K电视。今天，小编就来揭秘4K显示器和4K电视区别。区别一：尺寸和价格上的不同4K显示器的尺寸较小，比如家用电脑的显示器，多集中在24英寸到32英寸之间，价格通常是同类其他1080P显示器的2-3倍，部分高端产品价格破万；而4K电视 的主打...
4k显示器用html好还是dp,4k显示器用hdmi还是dp
weixin_42551310的博客
06-18 7370
DP接口和HDMI接口都是数字接口，区别在于DP接口的传输带宽更大，支持4K分辨率下60帧刷新率，最新的DP1.4接口可以支持10位色彩的4K 120Hz输出，也可以支持8K 60Hz输出。目前HDMI2.1版本的高清线还未大规模出现，但是DP1.4版本早在2016年就出来并且支持8K了，显然，DP线要成熟一些了。如果你的显卡和显示器分辨率非常高，选DP线，否则，选HDMI线。在DP线生产商里面，...
各种尺寸单位详解，px, dp, sp...
ywb201314的专栏
09-28 1万+
1. 英寸 。1in = 2.54cm 2.px ：1px代表屏幕上一个物理的像素点。 3.dp： 像素密度：每英寸包含的像素点数，单位dpi （Dots Per Inch）。         1in = 160dp；    1dp = 0.00625in； 这个是最常用但也最难理解的尺寸单位。它与“像素密度”密切相关，所以首先我们解释一下什么是像素密度。假设有一部手机，屏幕的
rem单位中html默认字号,字体大小之px、em、rem、pt,字号详解及换算表
weixin_28909779的博客
06-03 4963
以前经常用PX来设置CSS里面的字号，但是随着时代发展慢慢都用rem进行代替，本文主要用来介绍字体大小px、em、rem、pt的介绍。PXpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Wind...
HTML中几种常见单位
u010408889的专栏
08-19 4578
以下是DIVCSS5为大家总结网页中常见html单位介绍，在css+div布局中长度单位介绍篇。 其实css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm； px：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
HTML5常见的取值与单位
zzhsmile520的博客
03-27 3156
长度单位包括相对长度单位包括：em, ex, ch, rem, vw, vh, vmax, vmin绝对长度单位包括：cm, mm, q, in, pt, pc, pxch:数字“0”的宽度em:相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。ex:相对长度单位。相对于字符“x”的高度。通常为字体高度的一半。如当前对行内文本的字体尺寸未被人为设...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值