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

相关推荐
强化生物科研小助手15 小时前
CAS:47623-98-3,DiSBAC2(3)一种慢反应的膜电位敏感探针
django·html·pygame
木木黄木木17 小时前
HTML5图片裁剪工具实现详解
前端·html·html5
FanetheDivine18 小时前
正确使用flex-1
css·html
木木黄木木1 天前
HTML5重力球动画实现详解
前端·html·html5
hello_simon1 天前
在线小白工具,PPT转PDF支持多种热门工具,支持批量转换,操作简单,高效适合各种需求
pdf·html·powerpoint·excel·pdf转html·excel转pdf格式
zhougl9961 天前
html处理Base文件流
linux·前端·html
木木黄木木1 天前
html5炫酷图片悬停效果实现详解
前端·html·html5
计算机毕设定制辅导-无忧学长1 天前
HTML 性能优化之路:学习进度与优化策略(二)
学习·性能优化·html
小旋风012342 天前
封装可拖动弹窗(vue jquery引入到html的版本)
vue.js·html·jquery
前端Hardy2 天前
HTML&CSS:超丝滑的动态导航菜单
javascript·css·html