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

相关推荐
葡萄城技术团队2 天前
所有网站通用:6 行 HTML 代码搞定页面加载提速
html
糖糖TANG2 天前
从零开始制作我的第一个静态网页——教师节主题首页开发记录
html
前端老鹰3 天前
HTML <output> 标签:原生表单结果展示容器,自动关联输入值
前端·html
芦苇Z3 天前
HTML <a> 标签的 rel 属性全解析:安全、隐私与 SEO 最佳实践
前端·html
Alice-YUE3 天前
【CSS学习笔记3】css特性
前端·css·笔记·html
破无差3 天前
《赛事报名系统小程序》
小程序·html·uniapp
从零开始学习人工智能4 天前
快速搭建B/S架构HTML演示页:从工具选择到实战落地
前端·架构·html
yddddddy4 天前
html基本知识
前端·html
小白64024 天前
前端梳理体系从常问问题去完善-基础篇(html,css,js,ts)
前端·css·html
蓝胖子的多啦A梦4 天前
【前端】VUE+Element UI项目 页面自适应横屏、竖屏、大屏、PDA及手机等适配方案
前端·javascript·elementui·html·前端页面适配