1、quot自適應網頁設計quot的核心，就是CSS3引入的MediaQuery模塊它的意思就是，自動探測屏幕寬度，然后加載相應的CSS文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreen。

2、maxwidth 768px div backgroundsize 100% 100% ```在這個例子中，當屏幕寬度小于768像素時，我們將`backgroundsize`屬性的值設置為`100% 100%`，這樣圖片會等比縮放，并在寬度上自適應屏幕大小。

3、自適應網頁設計Adaptive Web Design指能使網頁自適應顯示在不同大小終端設備上新網頁設計方式及技術 2010年，Ethan Marcotte提出了“自適應網頁設計”Responsive Web Design這個名詞，指可以自動識別屏幕寬度并做出相應調整的網頁設計。

4、05 在HTML文件中加上對樣式文件的引用，返回文件夾，雙擊HTML文件，發(fā)現瀏覽器的變化會引著圖片一起變化，自適應屏幕的大小。

5、ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在網頁的中增加以上這句話，可以讓網頁的寬度自動適應手機屏幕的。

6、myCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas兩種方案的共性都是在把元素添加進DOM前設置他的大小 估計是沒分了，給后人看吧。

7、可以用JS監(jiān)控屏幕大小，然后調整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

8、html動態(tài)設置根字體大小頁面字體使用rem單位可根據屏幕大小自適應1新建remjs文件 functiondoc， win let docEl = docdocumentElement，#160 #160 resizeEvt =#39orientationchange#39 in window ？#39。

9、在網頁的lthead中增加以上這句話，可以讓網頁的寬度自動適應手機屏幕的寬度html view plain copy ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=05， maximumscale=20。

10、使用百分比，比如 lt img src=#39aipg#39 style=#39width50%#39 這樣就會保持屏幕的50%的寬度如果有上級標簽，比如ltdiv lt img src=#39aipg#39 style=#39width50%#39 ltdiv 那圖片大小就是div寬度的。

11、Resizequot onLoad=quotResizequot 解釋，Resize函數是當屏幕大小改變包括載入的時候對你需要的寬度和高度再賦值，我寫的函數里只有拿到了窗口的寬度和高度，你要賦給誰自己確定，自適應布局的話基本也就是那么處理了。

12、當然有些瀏覽器會自動縮放使其適應屏幕，但這不是統一標準，正確的做法是用js動態(tài)生成此標簽，當然，應該先獲取屏幕尺寸對于此標簽還有以下需要分享1userscalable=no就一定可以保證頁面不可以縮放嗎NO，有些瀏覽器。

13、于是，很早就有人設想，能不能”一次設計，普遍適用”，讓同一張網頁自動適應不同大小的屏幕，根據屏幕寬度，自動調整布局layout一了解什么是”自適應網頁設計”自從2010年，Ethan Marcotte提出了 “自適應網頁設計”。

14、使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 這樣就會保持屏幕的50%的寬度如果有上級標簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%。

15、1首先，在網頁代碼的頭部，加入一行viewport元標簽viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網頁初始大小占屏幕。

16、首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度修改為百分比。

17、寬度設置為100%用百分比做就好了，還可以用js獲取窗口寬度和高度，來重新設置圖片的寬度和高度。

18、WEB應用的頁面，表格的表現形式是常常遇到的，在列數有限的前提下，如何將各列中的內容自適應到不同分辨率的屏幕，這應該是一個比較容易遇到的問題，下面就來談一談我對這類問題的解決與看法將所有列設置為固定寬度，顯然。