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

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

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

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

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

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

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

8、pt全稱(chēng)為point，但中文不叫“點(diǎn)”，查金山詞霸可以看到，確切的說(shuō)法是一個(gè)專(zhuān)用的印刷單位“磅”，大小為172英寸，所以它是一個(gè)自然界標(biāo)準(zhǔn)的長(zhǎng)度單位，也稱(chēng)為“絕對(duì)長(zhǎng)度”3不管是px還是pt，他們都會(huì)隨著分辨率的變大而變小，因?yàn)椴还苁俏淖謭D片還是表格等等在界面顯示的東西，都是通過(guò)像素點(diǎn)的。

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

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

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

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

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

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

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