1、首先，引入上方這個polyfill然后，得到devicePixelRatio和backingStorePixelRatio的比例，可以使用下面的方法 var getPixelRatio = functioncontext var backingStore = contextbackingStorePixelRatio；在域名解析里面也自動添加一個二級域名解析的，就是解析到同一個IP上面的至于你下面那個手機(jī)網(wǎng)站的，就有點(diǎn)復(fù)雜了，好像是使用代碼實現(xiàn)這個功能的，這個代碼就是確定訪問的機(jī)器的大小分辨率來確定你的是電腦還是手機(jī)；由于HTML5和微信內(nèi)置瀏覽器的火爆，移動端H5網(wǎng)頁越發(fā)流行在設(shè)計制作移動端網(wǎng)頁的時候，你是否疑惑，這種網(wǎng)站設(shè)計稿應(yīng)該做成的多少屏寬，是否應(yīng)該跟手機(jī)的分辨率一致，還是應(yīng)該按照iPhone的分辨率來設(shè)計注意H5網(wǎng)頁區(qū)別于APP，APP的設(shè)計稿直接按照；移動端，分辨率相差太大，做一個尺寸，然后等比縮放，可能不能適應(yīng)所有分辨率這時候，就需要設(shè)計多種分辨率了安卓開發(fā)就是多種分辨率，對應(yīng)多套素材html5方面，cocos做了多分辨率的適應(yīng)，開發(fā)者只需要關(guān)注設(shè)計尺寸就可以；HTML頁面何適應(yīng)不同分辨率的顯示器可以通過響應(yīng)式布局自適應(yīng)網(wǎng)頁設(shè)計等方法1響應(yīng)式布局設(shè)計響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗，響應(yīng)式布局就是實現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁的。

2、不是HTML5，而是CSS3Css3中加入了Media Queries模塊，該模塊中允許添加媒體查詢media query表達(dá)式，用以指定媒體類型，然后根據(jù)媒體類型來選擇應(yīng)該使用的樣式換句話說，允許我們在不改變內(nèi)容的情況下在樣式中選擇一種頁面；然而并不能固定\r\n分辨率由顯示器決定只能通過CSS來決定頁面的寬度尺寸\r\n當(dāng)你用1024*768的顯示器時，你會發(fā)現(xiàn)頁面很大\r\n但你用1920*1080的顯示器時就會發(fā)現(xiàn)頁面變小了\r\n其實頁面的尺寸還是一樣的；其次，你需要把網(wǎng)頁的寬度設(shè)置為百分比，不能寫固定值再就是要用到媒體查詢了@media，這樣網(wǎng)頁就可以適配不同分辨率的設(shè)備了；在CSS里添加媒體查詢，查詢屏幕寬度的大小具體語句比如ltlink rel=quotstylesheetquot media=quotscreen and minwidth980px and maxwidth2048pxquot href=quotCSSmin980pxcssquot ，這里就是查詢最新屏幕寬度980px最大；回答一 自然拉伸 如果你的中國站結(jié)構(gòu)沒有用到大量的圖形來銜接，主要由表格來定結(jié)構(gòu)，那么你就可以使用該方法非常適用于主要由表格文字來表達(dá)信息的簡單的中國頁頁面制作表格時，只要你把表格的寬度屬性定義為一00% ；這樣你看，不管你是用普通的img元素，還是用html5畫布，都可以自適應(yīng)瀏覽器窗口的分辨率關(guān)于作圖大小的問題要看你的需求，如果需要全部可見，那么你作圖的尺寸上限就不能超過屏幕可見范圍，如果可以使用scroll卷軸來瀏覽，那么。

3、lthtmllthead ltmeta charset=quotUTF8quot lttitleTitlelttitle ltscript var pixelRatio = 1 windowdevicePixelRatio documentwritequotltmeta name=#39viewport#39 content=#39width=devicewidth，initial；根em，使用rem為元素設(shè)定字體大小時，是相對大小，但相對的只是HTML根元素通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)目前，除了IE8及更早版本外，所有瀏覽器均已；你是想要自適應(yīng)有幾種辦法，百分比寫CSS要么就是做一個所有分辨率都適應(yīng)的內(nèi)容也就是透明層然后做一個1920的背景，背景居中，內(nèi)容透明層居中完事。

4、用以下代碼開頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max；在css中定義一個控制embed的div樣式， 自適應(yīng)可以利用的浮動元素的尺寸可以通過margin來調(diào)整，然后讓body的高度要設(shè)為100%，這樣內(nèi)部的div的高度設(shè)為100%才有效，寬度嘛不用管他，div默認(rèn)就是自適應(yīng)寬度的 東莞匯鑫；ltliltli ltliltli ltliltli ltliltli ltul 可以這么寫試試看，圖片直接設(shè)置為displayblock如果寬度是根據(jù)窗口縮放的話，可以直接設(shè)置為100%如果定寬就寫margin0 auto圖片就是居中的。

5、分析設(shè)計圖 假設(shè)設(shè)計圖大小為1080px這也就意味著，在開發(fā)時，需要兼容的最大分辨率為1080px，最小的為320px2 調(diào)整視口 代碼實例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動。