1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml，編寫(xiě)問(wèn)題基礎(chǔ)代碼2在indexhtml中的ltbutton標(biāo)簽中，加入樣式代碼style=quotwidth 200pxheight 80pxquot3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)按鈕的寬度被；var ifr_width=$windowwidth*075 $quot#demoquotcss#39width#39，ifr_width $quot#demoquotcss#39height#39，ifr_width*075ltscript jQuery中獲取當(dāng)前窗口的寬度代碼是$windowwidth；這篇文章主要介紹了HTML5 移動(dòng)頁(yè)面自適應(yīng)手機(jī)屏幕四類(lèi)方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁(yè)面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。

可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window；1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部加上新代碼，讓網(wǎng)頁(yè)的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maximumscale=10 minimumscale=10 userscalable；1在網(wǎng)頁(yè)的lthead中增加以上這句話(huà)，可以讓網(wǎng)頁(yè)的寬度自動(dòng)適應(yīng)手機(jī)屏幕的寬度html view plaincopy ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=05， maximumscale=20；HTML元素顯示在頁(yè)面中，頁(yè)面顯示在瀏覽器中，瀏覽器顯示在屏幕上這些容器的高度和寬度可以通過(guò)Js的一些對(duì)象獲得容器的大小是指當(dāng)前分辨率下的高度和寬度，而不是物理高度和寬度例如，如果22英寸顯示器的屏幕分辨率為1366*。

用以下代碼開(kāi)頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max；解決方案2建議你看一下網(wǎng)上的教程或者案例，自己對(duì)比學(xué)習(xí)再寫(xiě)建議如果是小白的話(huà)，要不然不會(huì)自適應(yīng)屏幕大小的，只要你編寫(xiě)的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標(biāo)簽文檔 解決方案3看你；首先你要在html頁(yè)面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢(xún)，不能不用固定尺寸lt，其次你要把頁(yè)面中的寬度修改為百分比；HTML設(shè)置table寬度的方法1直接使用table標(biāo)簽的width屬性，語(yǔ)法“。

只有內(nèi)嵌css有效，外部css會(huì)出現(xiàn)拉伸的情況，所以有兩種方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot；echo off wmic desktopmonitor where status=#39ok#39 get screenheight，screenwidth for f quotskip=1 tokens=1，2quot %%i in #39type ##39 do set a=%%i set b=%%j del # f q echo 高度%a echo 寬度。

如一個(gè)22寸的顯示器，屏幕分辨率為1366 * 768，那么獲取到的屏幕高度為1366px，寬度為768pxscreenheight 屏幕高度screenwidth 屏幕寬度screenavailHeight 屏幕可用高度即屏幕高度減去上下任務(wù)欄后的高；HTML網(wǎng)頁(yè)的開(kāi)發(fā)中，需要對(duì)大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果自適應(yīng)屏幕的寬度，利用css中background屬性可以實(shí)現(xiàn) 工具材料 瀏覽器，文本編輯器 新建一個(gè)HTML文件，代碼如下圖 打開(kāi)HTML文件所在；p數(shù)據(jù)你好獲取 p數(shù)據(jù)你好，設(shè)置設(shè)置 html5設(shè)置圖片自適應(yīng)屏幕寬度使用百分比，比如 這樣就會(huì)保持屏幕的50%的寬度如果有上級(jí)標(biāo)簽，比如那圖片大小就是p寬度的50%，p沒(méi)有設(shè)置寬度就會(huì)默認(rèn)是屏幕寬度，如果；style=#39width50%#39 這樣就會(huì)保持屏幕的50%的寬度如果有上級(jí)標(biāo)簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%，div沒(méi)有設(shè)置寬度就會(huì)默認(rèn)是屏幕寬度，如果設(shè)置。

目前來(lái)講html不具備獲取瀏覽器寬度的能力可以采用js的方式來(lái)獲取，具體示例JS代碼如下 獲取窗口寬度if windowinnerWidthwinWidth = windowinnerWidthelse if documentbody w。