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

相关推荐
前端大白话8 分钟前
揭秘 HTML 可拖动元素及拖放功能:HTML5 API 大起底
前端·javascript·html
yuanyxh2 小时前
过去一年的工作总结
前端·javascript·html
大G哥10 小时前
PHP标签+注释+html混写+变量
android·开发语言·前端·html·php
whoarethenext10 小时前
html初识
前端·html
NoneCoder13 小时前
HTML 模板技术与服务端渲染
服务器·servlet·html
码农研究僧14 小时前
Vue3 上传后的文件智能预览(实战体会)
vue·html·图片预览
三巧14 小时前
纯CSS吃豆人(JS仅控制进度)
javascript·css·html
软件技术NINI14 小时前
html css js网页制作成品——HTML+CSS+js美甲店网页设计(5页)附源码
javascript·css·html
NoneCoder17 小时前
HTML与Web 性能优化:构建高速响应的现代网站
前端·性能优化·html
张张张31218 小时前
4.23-4.26学习总结 HTML—CSS常见标签和样式
css·学习·html