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

分辨率分為屏幕分辨率和圖像分辨率，下面分別進行講解。

1. 屏幕分辨率

屏幕分辨率是指一個屏幕上可以顯示多少信息，通常以像素為單位來衡量。例如，分辨率1920 ×1080表示水平方向含有1920個像素，垂直方向含有1080個像素，兩者相乘可知，屏幕上總共有2 073 600個像素點。

在屏幕的大小相同的情況下，如果屏幕的分辨率低（如640 ×480），則屏幕上顯示的像素少，單個像素尺寸比較大，看起來會有種顆粒感；如果屏幕的分辨率高（如1920 ×1080），則屏幕上顯示的像素多，單個像素尺寸比較小，看起來會比較清晰。

2. 圖像分辨率

在同一臺設備上，圖片的像素點和屏幕的像素點通常是一一對應的。圖片的分辨率越高，圖片越清晰；圖片的分辨率越低，圖片越模糊。例如，一張圖片分辨率是500 ×200，這就表示這張圖片在屏幕上按1:1顯示時，水平方向有500個像素點（色塊），垂直方向有200個像素點（色塊）。

但是，在屏幕上把圖片放大時，會發(fā)現(xiàn)圖片在屏幕上顯示的像素也變大，這是因為軟件通過算法對圖像進行了像素補充，雖然圖片本身的像素沒有變，但是在顯示時已經(jīng)補充了很多個屏幕像素；同理，把圖片縮小時，也是通過算法將顯示的圖片像素進行減少。

web頁面攻擊分為幾類？可以提供幾種解決方案嗎？

黑馬程序員web前端視頻教程：HTML5+CSS3教程下載

如何下載和使用Normalize.css？【移動web頁面開發(fā)】？

黑馬程序員前端與移動開發(fā)課程