HTML——26.像素单位

时间sk2025-01-01 9:20

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%"，在网页开发中宽度用的最多的尺寸单位