點(diǎn)擊“自適應(yīng)手機(jī)屏幕寬度”，圖片就會(huì)自動(dòng)適應(yīng)手機(jī)屏幕大小每個(gè)人的手機(jī)屏幕大小不相同，似乎這個(gè)選項(xiàng)是最好的但是圖片在壓縮過程是有損的，因此選擇“裁剪”3直接將鼠標(biāo)移動(dòng)到圖片四角，可以選擇新的圖片尺寸4當(dāng)。

1以Hbuilder來講解，首先新建一個(gè)HTML頁面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標(biāo)簽3然后新建一個(gè)css文件，如圖4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就寫div，然后可以設(shè)置。

1前端裁剪將裁剪框指定的區(qū)域，單獨(dú)生成圖片，獲取裁剪圖片的臨時(shí)文件路徑 2后端裁剪獲取裁剪框相對(duì)于原圖的像素坐標(biāo)位置，將裁剪區(qū)域坐標(biāo)以及原圖臨時(shí)文件路徑，傳到后端進(jìn)行圖片裁剪。

如果不想使用PS來編輯圖片，可以在網(wǎng)頁中直接用多個(gè)DIV+CSS實(shí)現(xiàn)，先設(shè)置好各個(gè)DIV的位置和大小，然后用CSS指定該圖片為背景圖片，只要把backgroundposition的值計(jì)算好，就可以使DIV顯示圖片的不同部位，實(shí)現(xiàn)拼圖效果。

1首先新建一個(gè)HTML頁面，這里命名為“new_filehtml”2接著給標(biāo)簽設(shè)置背景圖片，例如設(shè)置的是ltbody標(biāo)簽3接著新建一個(gè)css文件，如圖，命名為“1css”4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就。

widthNumber 默認(rèn)500 – 裁剪寬度 heightNumber 默認(rèn)500 – 裁剪高度 ratioNumber 可選 – 裁剪的比例，當(dāng)傳入ratio時(shí)widthheight將無效 srcString 必傳 – 需要裁剪的圖片，可以是圖片鏈接。

您好，用選區(qū)裁剪在工具箱中選擇方形選區(qū)工具，在上面的樣式中選擇”固定長寬比”在右邊輸入”4和3”，然后在圖片中拖出一個(gè)固定比的框，如有必要，進(jìn)行”選擇－－變換選區(qū)”進(jìn)行調(diào)整不能用自由變換，最后執(zhí)行菜單”。