HTML——26.像素单位

html 复制代码
<!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>

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

.当屏幕分辨率固定时,像素就是一个固定的值,精确的值。

如:同样1000分辨率的手机和电脑,一个小屏集中1000像素,一个大屏集中1000像素,那清晰度手机一定大于电脑

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

相关推荐
Eiceblue4 小时前
使用 C# 发送电子邮件(支持普通文本、HTML 和附件)
开发语言·c#·html·visual studio
超级土豆粉5 小时前
Turndown.js: 优雅地将 HTML 转换为 Markdown
开发语言·javascript·html
忧郁的蛋~6 小时前
HTML表格导出为Excel文件的实现方案
前端·html·excel
然我6 小时前
别再只用 base64!HTML5 的 Blob 才是二进制处理的王者,面试常考
前端·面试·html
小飞悟6 小时前
前端高手才知道的秘密:Blob 居然这么强大!
前端·javascript·html
然我10 小时前
React 开发通关指南:用 HTML 的思维写 JS🚀🚀
前端·react.js·html
veminhe15 小时前
html怎么设置html5
html·html5
AA-代码批发V哥16 小时前
HTML之表单结构全解析
前端·html
weixin-a153003083161 天前
【playwright篇】教程(十七)[html元素知识]
java·前端·html
孤水寒月1 天前
给自己网站增加一个免费的AI助手,纯HTML
前端·人工智能·html