圖片分為背景圖片和通過img標簽引入的圖片，前者可以通過media query自動的切換不同分辨率的版本，但是在不支持background image size的瀏覽器中背景圖片無法無級的調整大小也就是在media query切換css的點上可以換一張不同分。

排列首先要排列的四張照片放置到同一個文件夾中并打開電腦中運行html的軟件，其次點擊界面中的文件編輯欄選擇排列點擊浮點排列，最后在彈出的頁面中點擊四張圖片并將排列行數設定為兩行即可。

十五級大神的答案貌似不是很確切，其實css3+html5。

#p#副標題#e#新的解決方案是HTML5一個新的元素如果元素與當前的和元素協同合作將大大增強響應式圖像的工作進程它允許你放置多個source標簽，以指定不同的圖像文件名，進而根據不同的條件進行加載它可以讓你根據以下。

1用Dreamweaver創(chuàng)建一個新的HTML文件2先按ctrls保存，以防突然斷電，數據丟失3將title修改為htmlcss，實現橫向導航4創(chuàng)建一個新的divid“A”并添加ulli標簽5在li中添加所需的文本，并調整文本間距按F12。

1首先打開html文件編輯器，這里使用vscode新建一個html文檔，文檔中寫入基本的html結構，然后插入img標簽并插入一張圖片，給img一個class屬性2然后在上方的head標簽中的style標簽設置樣式，這里設置圖片的寬度和高度并設置。

3輸入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使圖片隨屏幕大小同步縮放，但是有部分可能會被裁切，不過不至于會露白，下面兩句是為chrome和opera瀏覽器作兼容4輸入back。