1、1新建一個(gè)HTML文件，代碼如下圖 2打開HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器 3改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒有變化，顯示不全 4在所在文件夾下，新建一個(gè)樣式文件，命名為 autocss，代碼如下 5在HTML文；把超鏈接a標(biāo)簽css設(shè)置displayblock 然后設(shè)置 margin0 auto如果已經(jīng)設(shè)置好了，就不用加后面那一塊了，如果還不行，把源碼發(fā)出來，我?guī)湍憬鉀Q。

2、這篇文章主要介紹了HTML5 移動(dòng)頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備；一自適應(yīng)網(wǎng)頁設(shè)計(jì) 自從2010年，Ethan Marcotte提出了 “自適應(yīng)網(wǎng)頁設(shè)計(jì)”Responsive Web Design這個(gè)名詞，指可以自動(dòng)識別屏幕寬度并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì)他制作了一個(gè) 范例，里面是福爾摩斯歷險(xiǎn)記六個(gè)主人公的；首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度修改為百分比；1獲取視頻流 添加一個(gè)HTML5的Video標(biāo)簽，并將從攝像頭獲得視頻作為這個(gè)標(biāo)簽的輸入來源 var video = documentgetElementByIdx_x_xquotvideoquotnavigatorgetUserMediavideotrue， function stream videosrc =。

3、圖片分為背景圖片和通過img標(biāo)簽引入的圖片，前者可以通過media query自動(dòng)的切換不同分辨率的版本，但是在不支持background image size的瀏覽器中背景圖片無法無級的調(diào)整大??；ltstyle type=quottextcssquot html fontsize 42px ltstyle4 按照設(shè)計(jì)圖的像素進(jìn)行開發(fā) 按照正常網(wǎng)頁開發(fā)流程，進(jìn)行網(wǎng)頁開發(fā)即可5 使用百分比和rem替換px 代碼效果對比*使用固定像素*box；1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)，di；1 視頻流 HTML5 的 The Media Capture媒體捕捉 API 提供了對攝像頭的可編程訪問，用戶可以直接用 getUserMedia請注意目前僅Chrome和Opera支持獲得攝像頭提供的視頻流我們需要做的是添加一個(gè)HTML5 的 Video 標(biāo)簽；首先你要在html頁面頭部加上下面的代碼，其次你要把頁面中的寬度修改為百分比，不能不用固定尺寸，一些小的模塊可以用固定尺寸再就是css中要應(yīng)用到媒體查詢，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=。

4、accept=quotimage*capture=cameraquot直接調(diào)用相機(jī)ltinputtype=quotfilequotaccept=quotimage*quot調(diào)用相機(jī)圖片或者相冊還是要根據(jù)手機(jī)的類型來說，有些手機(jī)只能調(diào)相機(jī)，有些手機(jī)只能調(diào)相冊，或者兩者都行以上，希望能幫助到你；你給的網(wǎng)頁用的是 ltinput accept=quotimage*quot type=quotfilequot，在IOS端點(diǎn)擊時(shí)會提示選擇圖片或相機(jī)，安卓端要看瀏覽器對這兩個(gè)屬性的優(yōu)化，部分瀏覽器會直接跳轉(zhuǎn)到資源管理器，優(yōu)化做得好的可以直接提示選擇相冊或相機(jī)移動(dòng)；方法documentaddEventListenerquotdevicereadyquot， onDeviceReady， falsefunction onDeviceReady pictureSource = destinationType = 相冊 function fromCame。

5、目前有哪些大公司用HTML5做網(wǎng)站HTML5自適應(yīng)網(wǎng)站是現(xiàn)在的主流，也可能是未來N年的主流公司企業(yè)HTML5自適應(yīng)網(wǎng)站模板可以用千博html5如何通過頁面長度來設(shè)置p長度給長度的時(shí)候都按照%的形式~就會實(shí)現(xiàn)自適應(yīng)縮放~根據(jù)瀏覽；用JavaScript或者jquery 1頁面加載完，獲取當(dāng)前瀏覽器顯示區(qū)域高度2獲取頁面中我的相冊div1關(guān)閉相冊的高度3用1獲取的值減去2所有的值4用3所得值附加給div2 好了，方法教給你了，自己去實(shí)現(xiàn)吧；html5中是通過css3的backgroundsize來控制自適應(yīng)的直接在圖片代碼里面設(shè)置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么給圖片統(tǒng)一一個(gè)class名例如responseimg，然后在css文件里面設(shè)置這個(gè)class h。