在網(wǎng)頁的中增加以上這句話，可以讓網(wǎng)頁的寬度自動適應手機屏幕的寬度其中width=devicewidth 表示寬度是設備屏幕的寬度 initialscale=10表示初始的縮放比例 minimumscale=05表示最小的縮放比例 maximumscale=；可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window；這篇文章主要介紹了HTML5 移動頁面自適應手機屏幕四類方法總結(jié)，非常具有實用價值，需要的朋友可以參考下1使用meta標簽viewportH5移動端頁面自適應普遍使用的方法，理論上講使用這個標簽是可以適應所有尺寸的屏幕的，但是各設備；你這個只不過是使用meta屬性來設置適配移動端頁面但是如果頁面的寬是超過 100% 的，滾動條還是會出現(xiàn)的；pgetattribute數(shù)據(jù)你好psetattribute數(shù)據(jù)你好，這是一個重新分配jquery p數(shù)據(jù)你好獲取 p數(shù)據(jù)你好，設置設置 html5設置圖片自適應屏幕寬度使用百分比，比如 這樣就會保持屏幕的50%的寬度如果有；在文檔流中，DIV的高度默認就是根據(jù)內(nèi)容的高度自適應的如果是想適配不同設備的窗口大小，可以設置百分比或者通過position定位，然后設置top和bottom值再或者利用css3的flexbox布局，設置父級的display為flex，方向為縱的。

首先你要在html頁面頭部加上下面的代碼，其次你要把頁面中的寬度修改為百分比，不能不用固定尺寸，一些小的模塊可以用固定尺寸再就是css中要應用到媒體查詢，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=；解決方案2建議你看一下網(wǎng)上的教程或者案例，自己對比學習再寫建議如果是小白的話，要不然不會自適應屏幕大小的，只要你編寫的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標簽文檔 解決方案3看你；用JavaScript或者jquery 1頁面加載完，獲取當前瀏覽器顯示區(qū)域高度2獲取頁面中我的相冊div1關(guān)閉相冊的高度3用1獲取的值減去2所有的值4用3所得值附加給div2 好了，方法教給你了，自己去實現(xiàn)吧。

aa1 div， aa2 div， aa3 div width 80% height 100pxaa1 div backgroundcolor redaa2 div backgroundcolor greenaa3 div backgroundcolor bluehtml部分lt；“自適應網(wǎng)頁設計”到底是怎么做到的，其實并不難首先，在網(wǎng)頁代碼的頭部，加入一行 viewport元標簽viewport是網(wǎng)頁默認的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認等于屏幕寬度width=devicewidth，原始縮放比例。

瀏覽器部分能夠顯示的最小字體未12px，當移動端頁面寬度為320px時，要保證最小字體為12px，那么在1080px的設計圖中，最小字體應當為42px代碼實例ltstyle type=quottextcssquot html fontsize 42px；感應式設計，簡單來說，就是當用不同設備訪問時，能夠根據(jù)設備的寬度和高度對設備進行動態(tài)的適配例如，用iPhone4iPhone5iPhone6PCiPad訪問同一個網(wǎng)址，正好能打開一個適合該設備的一個HTML5的頁面，不留白邊，不；一使用textarea標簽進行多行文本的輸入有很多限制，比如不能實現(xiàn)高度自適應，會出現(xiàn)難看的滾動條等問題HTML5中添加了一個新屬性contenteditable，該屬性可以讓input，textarea以外的不可編輯的標簽具備可編輯功能用法如下；用以下代碼開頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當使用media only screen and max。

圖片分為背景圖片和通過img標簽引入的圖片，前者可以通過media query自動的切換不同分辨率的版本，但是在不支持background image size的瀏覽器中背景圖片無法無級的調(diào)整大小。