1、第一種也是最方便的把圖片設置成百分比，用百分比來控制，比如你的格局，在div中，分兩個區(qū)域每個區(qū)域有50%大小，占用整個屏幕的大小，然后你在一個div中的圖片設置100%，他只是占了整個屏幕的50%的，如果設置50%，那么他占用的是25%，根據(jù)上一級的區(qū)域來設置的這樣拖動瀏覽器的時候，也會根據(jù)瀏。

2、可以這么寫試試看，圖片直接設置為displayblock如果寬度是根據(jù)窗口縮放的話，可以直接設置為100%如果定寬就寫margin0 auto圖片就是居中的。

3、html設置圖片像素不受分辨率影響方法如下1在電腦最下方開始菜單中的所有程序附件找到畫圖工具進行進入操作2將所要上傳的照片通過手機或相機傳入電腦，再依次進行修改，考試報名上傳的一般都是紅底照片，而且會規(guī)定大小，可以按他的規(guī)定來進行，例要求是像素為114*156的照片，占用空間大小小于。

4、固定div的寬度，這樣在小分辨率模式下就會出現(xiàn)橫拉條如果不想要橫拉條，只有寫百分比寬度，同時圖片的寬高也設為百分比。

5、ltstyle type=quottextcssquot bodyFILTER progidenabled=true，src=#39ajpg#39，sizingMethod=#39scale#39margin0px ltstyle 這是全屏的背景代碼~這個不管圖片多大尺寸都是滿屏，也就是拉伸圖片，會變形，你可以設置簡單的背景，如斜紋一類的。

6、同時，處理不同屏幕尺寸和設備上的自適應問題，可以采用響應式圖片技術通過結合 `srcset` 和 `sizes` 屬性，為不同分辨率的設備提供不同大小的圖片，讓瀏覽器選擇最適合當前屏幕的圖片這有助于提高頁面加載速度和用戶體驗在響應式設計中，為了保持圖片在不同布局和屏幕大小下的適當比例和位置，可以。

7、根據(jù)排列，依次設置每一個圖片的left和top屬性，固定其位置 然后，將最外層的容器放置到頁面想要的位置 這種做法在各個不同的瀏覽器中應該是不會造成太大的表現(xiàn)差異的 至于縮放的話，可能就需要js獲取一些信息來計算每一個圖片的高和寬，以及其left和top，但css應該和上面是差不多的。

8、pt全稱為point，但中文不叫“點”，查金山詞霸可以看到，確切的說法是一個專用的印刷單位“磅”，大小為172英寸，所以它是一個自然界標準的長度單位，也稱為“絕對長度”3不管是px還是pt，他們都會隨著分辨率的變大而變小，因為不管是文字圖片還是表格等等在界面顯示的東西，都是通過像素點的。

9、在最外層div的width屬性設置為固定值如width1000px，這是很多網(wǎng)站使用的方法，也是最簡單有效的方法。

10、backgroundposition 規(guī)定背景圖像的位置backgroundsize 規(guī)定背景圖片的尺寸backgroundrepeat 規(guī)定如何重復背景圖像backgroundorigin backgroundclip backgroundattachment backgroundimage 規(guī)定要使用的背景圖像如果不設置其中的某個值，也不會出問題，比如 background#ff0000 url。

11、3 對于家庭打印或沖擴，200dpi的輸出分辨率通常已足夠以下是根據(jù)數(shù)碼相機像素數(shù)最大分辨率照片和不同分辨率輸出下的最大輸出圖像尺寸的參考列表4 不同像素數(shù)的數(shù)碼相機對應的最大輸出尺寸如下 30萬像素640×480，以200dpi輸出最大尺寸5英寸35×5英寸 50萬像素800×600，以。

12、更改完成之后點擊確定按鈕最后一定要記得保存圖片6找到圖片位置，右鍵點擊查看當前圖片的屬性新的圖片已經(jīng)更改成分辨率為與我們剛才設置的效果一致這個方法比較簡單的更改了圖片的分辨率，更改之后的圖片效果可能會與之前圖片顯示效果不太相同不過不會有明顯的變形。

13、然后加載相應的CSS文件同一個CSS文件中，也可以根據(jù)不同的屏幕分辨率，選擇應用不同的CSS規(guī)則其次，除了布局和文本，”自適應網(wǎng)頁設計”還必須實現(xiàn)圖片的自動縮放有條件的話，最好還是根據(jù)不同大小的屏幕，加載不同分辨率的圖片有很多方法可以做到這一條，服務器端和客戶端都可以實現(xiàn)。

14、lt！doctype html lthtml lthead ltmeta charset=quotutf8quot lttitle不同分辨率調不同JS 效果lttitle lthead ltbody ltscript src=quotjsjquery182minjsquotltscript ltscript id=quotjsAquot src=quotjsjsAjsquotltscript lt！1920*1080才調用改js ltscript id=quotjsBquot src=quotjs。

15、另一種解決方案比較少用就是采用流式布局頁面的各部分都是按照百分比去設置的這樣分辨率不一樣的情況下效果都是一致的但是比較難以掌控編碼難度大，測試困難因此較少采用另外，針對不同移動設備下，不同分辨率通常采用服務端判斷設備類型，然后加載相應css去實現(xiàn)不同設備訪問自適應。