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

分辨率分為屏幕分辨率和圖像分辨率，下面分別進(jìn)行講解。

1. 屏幕分辨率

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

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

2. 圖像分辨率

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

但是，在屏幕上把圖片放大時(shí)，會發(fā)現(xiàn)圖片在屏幕上顯示的像素也變大，這是因?yàn)檐浖ㄟ^算法對圖像進(jìn)行了像素補(bǔ)充，雖然圖片本身的像素沒有變，但是在顯示時(shí)已經(jīng)補(bǔ)充了很多個(gè)屏幕像素；同理，把圖片縮小時(shí)，也是通過算法將顯示的圖片像素進(jìn)行減少。

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

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

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

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