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)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗(yàn)，響應(yīng)式布局就是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁(yè)的。

2、不是HTML5，而是CSS3Css3中加入了Media Queries模塊，該模塊中允許添加媒體查詢media query表達(dá)式，用以指定媒體類型，然后根據(jù)媒體類型來(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ě)固定值再就是要用到媒體查詢了@media，這樣網(wǎng)頁(yè)就可以適配不同分辨率的設(shè)備了；在CSS里添加媒體查詢，查詢屏幕寬度的大小具體語(yǔ)句比如ltlink rel=quotstylesheetquot media=quotscreen and minwidth980px and maxwidth2048pxquot href=quotCSSmin980pxcssquot ，這里就是查詢最新屏幕寬度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)。