Ⅰ 如何讓WEB頁面自適應大小
很高興幫到你
你說的這個是網頁的自適應
我剛修改完我的網站，強烈不建議購買現成的自適應網站或者使用轉碼工具，很垃圾。
如果你有技術，會修改JS和css，請按照以下步驟操作：
首先在js裡面添加判斷語句，主要功能為判斷瀏覽器為移動端時載入某個css，例如123.css，載入路徑一定要注意，不要寫錯了，路徑請使用絕對路徑。
其次，編輯123.css，寬度使用百分比，字體大小也是用em而不是固定值px，編輯過程中需要刪除一些不必要的版塊，也就是說並不是電腦上顯示的手機上就都得顯示。
最後，導航欄使用點擊下啦的方式，不點擊自動收回。一定要考慮不同解析度下的顯示情況，這個很關鍵，必要時可使用不同解析度縮放功能（需要js和css配合）
這個修改的過程非常麻煩，需要很大的耐心。
Ⅱ 如何把web前端網頁做成自適應
1.首先，在網頁代碼的頭部，加入一行viewport元標簽。
viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設置，包括IE9，對於那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
2、不使用絕對寬度由於網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。具體說，CSS代碼不能指定像素寬度：width:xxx px;
只能指定百分比寬度：width: xx%;或者width:auto;
3、相對大小的字體
字體也不能使用絕對大小（px），而只能使用相對大小（em）。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代碼指定，字體大小是頁面默認大小的100%，即16像素。
h1 {
font-size: 1.5em;
}
然後，h1的大小是默認大小的1.5倍，即24像素（24/16=1.5）。
small {
font-size: 0.875em;
}
small元素的大小是默認大小的0.875倍，即14像素（14/16=0.875）。
Ⅲ 如何讓網頁在瀏覽器自適應屏幕大小
想要網頁寬度自適應，需要把網頁元素寬度設置為百分比，還要在網頁頭部加上代碼：<metaname="viewport"content="width=device-width,initial-scale=1.0"/>。
圖片自適應，且不超過原始大小，需要設置最大寬度，代碼如下：img{width:100%;max-width:100%;}。
改進功能
瀏覽器首次使用時，根據用戶顯示解析度大小決定是否默認顯示收藏欄；
打開多個標簽關閉瀏覽器時，提示用戶確認；
搜索欄關鍵詞提示；
搜索欄支持多個搜索引擎；5.內核窗口resize速度