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

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

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

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

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