当前位置: 首页 > article >正文

HTML——26.像素单位

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>像素</title>
	</head>
	<body>
		<!--像素:
			1.指设备屏幕上的一个点,单位px,如led屏上的小灯朱
			2.当屏幕分辨率固定时,像素就是一个固定的值,精确的值如同样1000分辨率的手机和电脑,一个小屏集中1000像素,一个大屏集中1000像素,那清晰度手机一定大于电脑
			3.同样大小的屏幕,像素点越多,图像越清晰,画面越细腻。
			4.像素是网页开发中使用最多的尺寸单位-->
			
			<img src="img/logo.png" width="300"/>
			<br />
			<img src="img/logo.png" width="23.4%"/>
	</body>
</html>

![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/67ac47c33985429aa6209c9c3df4e650.png

每一行有2880个(小灯泡)小格,每一列有1800(小灯泡)小格,共有2880*1800像素(小灯泡)

.当屏幕分辨率固定时,像素就是一个固定的值,精确的值。
如:同样1000分辨率的手机和电脑,一个小屏集中1000像素,一个大屏集中1000像素,那清晰度手机一定大于电脑

width="23.4%“,在网页开发中宽度用的最多的尺寸单位


http://www.kler.cn/a/460969.html

相关文章:

  • 多文件比对
  • 【前端系列】Pinia状态管理库
  • 4. C语言 变量
  • linux 软链接 快捷方式 详解
  • 刷入super镜像报错 FAILED (remote: ‘Error: Last flash failed : Volume Full‘)
  • 【算法】模拟退火算法学习记录
  • MF248:复制工作表形状到Word并调整多形状位置
  • 正则表达式:实战案例与最佳实践
  • kiran-qt5-integration
  • .NET Framework 4.7.2 创建 Swagger的API 的设置
  • Python学习路线
  • 截图技术方案
  • OpenCV 中的高斯金字塔和拉普拉斯金字塔:原理、实现与应用
  • GraphRAG实践:docker部署neo4j
  • gesp(C++一级)(7)洛谷:B3863:[GESP202309 一级] 小明的幸运数
  • VisualStudio 2019 升级遇到的问题及解决
  • thunderbird配置为适合回复开源社区邮件列表
  • android studio gradle 如何解决下载依赖一直卡住的问题
  • 《计算机组成及汇编语言原理》阅读笔记:p160-p176
  • rk3399增加新分区和计算规则
  • 理解生成协同促进?华为诺亚提出ILLUME,15M数据实现多模态理解生成一体化
  • 露营小程序搭建有哪些步骤?小程序里面可以找个露营搭子
  • 分解质因数(超大规模版)
  • 如何解决Eigen和CUDA版本不匹配引起的错误math_functions.hpp: No such file or directory
  • 给弹出框中的某个div赋值
  • 不分页表格界面卡死问题,使用虚拟表格