什么是图片分辨率？什么是屏幕分辨率？

分辨率分为屏幕分辨率和图像分辨率，下面分别进行讲解。

1. 屏幕分辨率

屏幕分辨率是指一个屏幕上可以显示多少信息，通常以像素为单位来衡量。例如，分辨率1920 ×1080表示水平方向含有1920个像素，垂直方向含有1080个像素，两者相乘可知，屏幕上总共有2 073 600个像素点。

在屏幕的大小相同的情况下，如果屏幕的分辨率低（如640 ×480），则屏幕上显示的像素少，单个像素尺寸比较大，看起来会有种颗粒感；如果屏幕的分辨率高（如1920 ×1080），则屏幕上显示的像素多，单个像素尺寸比较小，看起来会比较清晰。

2. 图像分辨率

在同一台设备上，图片的像素点和屏幕的像素点通常是一一对应的。图片的分辨率越高，图片越清晰；图片的分辨率越低，图片越模糊。例如，一张图片分辨率是500 ×200，这就表示这张图片在屏幕上按1:1显示时，水平方向有500个像素点（色块），垂直方向有200个像素点（色块）。

但是，在屏幕上把图片放大时，会发现图片在屏幕上显示的像素也变大，这是因为软件通过算法对图像进行了像素补充，虽然图片本身的像素没有变，但是在显示时已经补充了很多个屏幕像素；同理，把图片缩小时，也是通过算法将显示的图片像素进行减少。

web页面攻击分为几类？可以提供几种解决方案吗？

黑马程序员web前端视频教程：HTML5+CSS3教程下载

如何下载和使用Normalize.css？【移动web页面开发】？

黑马程序员前端与移动开发课程