css - 该怎么解释图片在低分屏上会变大甚至出现马赛克格子

问题描述

问 题

按照我的想法，显示器分辨率变小了，那么像素点就变少了，也就是说每个像素点变大了，但是图片像素点大小和显示器的像素点大小是一样大的吗？这里还有个图片像素和图片分辨率，有点乱，有没有人能帮我理一下。

解决方案

你的理解是对的，图片像素点大小和显示器的像素点大小是一样大，所以图片大小是相对的。
一张1024宽的照片在1024x768的显示器刚好完全显示，
当显示器分辨率变为640x480的时候，整个屏幕只能显示图片的一半多点了，所以显得更大。
这里指的都是显示器分辨率。另外你说的图片分辨率，不太清楚讲什么，我猜你指的是 dpi？这个 dpi 分辨率指的是跟现实绝对长度之间的比值，主要影响打印，指的是一个固定绝对长度下有多少个像素点，一般来说 windows 显示器 96 dpi 即可，而打印出来则尽量到 300 dpi 以上。DPI 指的是 Dots Per Inch，每英寸下有多少个像素点。

这篇关于css - 该怎么解释图片在低分屏上会变大甚至出现马赛克格子的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！