方法給圖片設(shè)為backgroundimage，加上backgroundsize 100%。

HTML5的移動端網(wǎng)頁設(shè)計稿，通常情況下，內(nèi)容區(qū)為750px或960px或者1080px的，一般不小于750px像素大小寬度設(shè)計稿可以比750px大，但是絕對不能比750px小，這個主要是由于當(dāng)前手機(jī)的分辨率相對較高iPhone6是375物理像素；lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and maxwidth449px；因為 imginput 都是自閉合標(biāo)簽，所以，無法簡單的讓 input 固定在 img 上 要想 input 把固定在 img 上，要運用點小技巧，借助一個 div 作為容器，然后，圖片沒有特殊要求不用動，input 做絕對定位 htmlltdiv；01 新建一個HTML文件，代碼如下圖 02 打開HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器 03 改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒有變化，顯示不全 04。

而Flash在與HTML5的大戰(zhàn)中戰(zhàn)敗，當(dāng)前已經(jīng)退出了移動端以及電視平臺的市場爭奪，在PC平臺也越來越少轉(zhuǎn)言之，F(xiàn)lash在網(wǎng)頁制作的領(lǐng)域里已經(jīng)江郎才盡，原來的網(wǎng)頁三劍客只剩下一個ps，在前端工作要求中，需要掌握基本的切圖；解決方案2建議你看一下網(wǎng)上的教程或者案例，自己對比學(xué)習(xí)再寫建議如果是小白的話，要不然不會自適應(yīng)屏幕大小的，只要你編寫的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標(biāo)簽文檔 解決方案3看你；可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window；這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實用價值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。

手機(jī)頁面最好不要用實打?qū)嵉膶挼膩韺?，不同手機(jī)上面的寬度顯示是不同的百分比是最好的選擇，或者你寫成響應(yīng)式；拖拽的過程就不說了，這里主要說一下如何在前端獲取到圖片的相關(guān)信息html5里有一個fileReader的全局變量，用來讀取本地文件，比如txt，img等，下面是一個簡單的代碼function checkFilefilesvar file = files0var。

shortcut icon，特指瀏覽器中地址欄左側(cè)顯示的圖標(biāo)，一般放大小為16x16，后綴名為icon的圖標(biāo)icon，可放的格式可為PNG\GIF\JPEG，尺寸一般為16x1624x2436x36等；html5前端工程師如何提高開發(fā)效率一切圖 切圖是一個前端最基礎(chǔ)的技能，一般我們使用photoshop或者FireWorks基本都能搞定設(shè)計師交付給我們的設(shè)計圖，但是要提高切圖效率的話就得使用一些訣竅了，比如利用PS里的動作來實現(xiàn)“；html5中是通過css3的backgroundsize來控制自適應(yīng)的直接在圖片代碼里面設(shè)置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么給圖片統(tǒng)一一個class名例如responseimg，然后在css文件里面設(shè)置這個class h；沒有大小限制 HTML5 的 canvas 元素使用 JavaScript 在網(wǎng)頁上繪制圖像畫布是一個矩形區(qū)域，您可以控制其每一像素小案例canvas繪制漸變 lt！DOCTYPE HTML lthtml ltbody ltcanvas id=quotmyCanvasquot width=quot200quot height=。

jpg，gif，png都行 HTML5版相對有響應(yīng)速度快本地讀取拖拽功能簡單前端切圖不需要依賴服務(wù)器，減少開發(fā)成本在舊版的切圖工具里，我們的做法是將圖片上傳到服務(wù)器，然后通過服務(wù)器端把圖片切好后把對應(yīng)的地址返回。