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

相关推荐
rzl026 小时前
HTML/JOSN复习总结
前端·html
Sapphire~1 天前
重学前端004 --- html 表单
前端·html
gzzeason1 天前
在HTML中CSS三种使用方式
前端·css·html
荔枝hu1 天前
springboot生成pdf方案之dot/html/图片转pdf三种方式
spring boot·pdf·html
灵犀学长1 天前
解锁HTML5页面生命周期API:前端开发的新视角
前端·html·html5
兴趣使然_2 天前
【笔记】使用 html 创建网址快捷方式
笔记·html·js
Zachery Pole2 天前
BootStrap
前端·bootstrap·html
淮北4942 天前
最简单的实验室资产管理系统,使用Flask,mysql,html(四、知识补充)
mysql·flask·html
多啦C梦a2 天前
【前端必修】闭包、`this`、`箭头函数`、`bind`、节流,一篇文章全懂!
前端·javascript·html
Canaan2852 天前
前端开发-标签
html