參數說明： width -// viewport 的寬度 （範圍從200 到10,000，默認爲980 像素） device-width爲瀏覽器的物理寬度 height - // viewport 的高度 （範圍從223 到10,000） initial-scale -// 初始的縮放比例 （範圍從>0 到10） minimum-scale -//
360瀏覽器算是日常生活中比較常用的瀏覽器了，一般網頁的默認縮放比例都是100%的，這樣頁面看起來最協調、也是對眼睛最好的。可能有些時候因爲某些原因需要調節網頁比例的，今天就跟大家分享一下如何調節頁面比例！
材料/工具
360安全瀏覽器
在手機上不能固定寬度，要按百分比寫頁面寬度。才能自適應設備。主要是這兩點，當然細節上面還有很多和PC端不一樣的地方。 指向檔案錯誤，比如你的網頁檔案在A，但是你卻指向了B。你把指向的檔案放到網頁檔案內在試試。 如果下載下來的圖片大小
方法
開啟360安全瀏覽器。
整個網頁寬高按比例縮小,適應手機屏幕,但網頁內容和佈局不變,跟PC佈局一樣,不要刪減內容,不要像重新制作一個手機站那樣的。這種怎樣做呢? 整個網頁寬高按
開啟之後在瀏覽器頁面的右下角位置，有一個100%字樣，就表示此刻的頁面比例是100%的。
只需三步就可以進行網頁縮放： 1、開啟手機，點擊“設定”，點擊“通用”； 2、滑到頁面的下方，點擊“輔助功能”，點擊“縮放”，向右滑動將它正常啓用； 3、啓用後，用三根手機指在屏幕上連按兩次，看看縮放效果； 縮放功能被啓用後，就可以透過三指操
點擊一下會出現衡量比例的尺子，用鼠標左右撥動比例，就會發現隨着鼠標撥動的同時，網頁屏幕的字型和比例是在不斷變大和縮小的。
頁面自適應屏幕的方法（以下字母及標點爲碼）： 無論是電腦還是手機，要做到自適應屏幕，其實都是一樣的。 首先，在網頁代碼的頭部，加入一行viewport標籤 viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬
可以看到鼠標往右撥動，現在調節的網頁比例是140%，網頁的字型和比例已經在變大了。
這個不同手機尺寸不一樣，比如 iphone3 320*480 iphone4 640 * 960 android 240*320 320* 480 480* 854 這些比較常用，還有一些其他分辨率 看你具體是針對什麼手機做的了！ 還有詳細的如下—— iPhone介面尺寸：320*480、640*960、640*1136 iPad界
同樣的鼠標往左撥動，字型和比例會逐漸縮小。
手機介面下方，是否有一個向四方的箭頭，在那裏選擇“拉伸至全屏”就可以了，是手機設定的問題，不是微信軟件的問題。
注意看比例尺前面有個小方框，是用來選擇縮放比例對所有網頁生效的。打鉤就表示同意縮放比例對所有網頁生效（只要調節比例，在瀏覽器開啟的所有網頁都會隨着比例放大縮小）；不打鉤，表示只對當前頁面調節有效。
iPhone4/iPhone4s 320 * 372 / 320 * 441 (已隱藏URL與狀態欄) iPhone5/iPhone5s 320 * 460 / 320 * 529 (已隱藏URL與狀態欄) Note2 360 * 567 (未隱藏URL與狀態欄) iPad 3/4 768*928 (未隱藏URL與狀態欄) GALAXY SIII 360 * 567 (未隱藏URL與狀
擴展閱讀，以下內容您可能還感興趣。
手機微信頁面變大了,怎麼恢復正常比例
手機介面下方，是否有一個向四方的箭頭，在那裏選擇“拉伸至全屏”就可以了，是手機設定的問題，不是微信軟件的問題。
手機版網站怎麼讓背景等比例縮放?
用百分比設定寬度和高度追問高度我用百分比壓跟就沒反應。。
手機網頁圖片佈局怎麼控制圖片長寬比例
兩個手指同時觸屏手指靠攏是縮小，拉長是擴大
手機前端頁面尺寸
iPhone4/iPhone4s 320 * 372 / 320 * 441 (已隱藏URL與狀態欄)
iPhone5/iPhone5s 320 * 460 / 320 * 529 (已隱藏URL與狀態欄)
Note2 360 * 567 (未隱藏URL與狀態欄)
iPad 3/4 768*928 (未隱藏URL與狀態欄)
GALAXY SIII 360 * 567 (未隱藏URL與狀態欄)
小米2A 360 *567 (未隱藏URL與狀態欄)
HTC G10 320 * 460
<meta name="viewport"
網頁手機wap2.0網頁的head里加入下面這條元標籤，在iPhone的瀏覽器中頁面將以原始大小顯示，並不允許縮放。
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0,
maximum-scale=1.0,
user-scalable=no">
width - viewport的寬度 height -
viewport的高度
initial-scale - 初始的縮放比例
minimum-scale -
允許用戶縮放到的最小比例
maximum-scale -
允許用戶縮放到的最大比例
user-scalable - 用戶是否可以手動縮放
參考：http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/
一、網頁手機wap2.0網頁的head里加入下面這條元標籤，在iPhone的瀏覽器中頁面將以原始大小顯示，並不允許縮放。
<meta name="viewport"
content="width=device-width,
initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,
user-scalable=no">
其中： width - viewport的寬度 height - viewport的高度 initial-scale -
初始的縮放比例
minimum-scale - 允許用戶縮放到的最小比例 maximum-scale - 允許用戶縮放到的最大比例
user-scalable -
用戶是否可以手動縮放c
二、關於meta的詳細介紹請參考
三、下文是關於Meta的例子的詳細介紹 原文地址
3. Meta元素可視區
e69da5e6ba907a6431333335343965默認情況下，iPhone上的Safari會象在大屏幕的
桌面瀏覽器那樣顯示你的頁面，寬度達到了980像素，然後縮小內容以適應iPhone的小屏幕，因此用戶在iPhone看這個頁面時感覺字型就比較小了，
也比較模糊，必須要放大才能看得真切，對於一個普通的Web頁面似乎可以接受，但對於一個常用的應用程序就沒幾個人能夠受得了。
幸運的是可以使用特殊的Meta元素可視區進行糾正：
<meta
name="viewport" content="width=device-width"/>
這個元素通知瀏覽器使用設備的寬度作爲可視區的寬度，而不是默認的980像素了，我們可以看看兩個不同的例子。
例3(連結：http://www.sitepoint.com/examples/iphone-development-12tips/no-
viewport.html)顯示了一個簡單的段落元素，沒有Meta元素可視區，字型有點模糊。在iPhone中執行的實際情況如下圖所示。
圖 1 無可視區的顯示效果
例4(連結：http://www.sitepoint.com/examples/iphone-development-12tips
/viewport.html)包括了一個可視區元素，現在設備寬度只有320像素，字型也比前一個例子更清晰了。在iPhone中執行的實際情況如下圖
所示。
圖 2 有可視區的顯示效果
另外，你還可以手動設定device-width的值，例如，假設你的博客頁面的寬度是750像素，那麼桌面屏幕最佳大小就是800x600像素，例
5(連結：http://www.sitepoint.com/examples/iphone-development-12tips
/fixed750.html)顯示了一個刪減版本，如果你在iPhone中瀏覽它，你會看到980像素剩下的空間都填充了白色。
爲了消除額外的空間，可以使用meta元素可視區將寬度設爲780像素：
<meta
name="viewport" content="width=780"/>
例6(連結：http://www.sitepoint.com/examples/iphone-development-12tips/fixed750-viewport.html)顯示了meta元素可視區佈局被固定後的效果。
Meta元素可視區的內容可以包括多個逗號分隔的值，如initial-scale –
用戶最初看到頁面時的放大級別，對於Web應用程序，一個常見的設定是：
<meta
name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
這個元素設定寬度爲設備的最大寬度，禁止用戶放大和縮小
怎麼調整手機屏幕大小
（1）屏幕是沒有辦法調整的，是固定的。
（2）只能調整手機字型的大百小，完成感官上屏幕大小的改變。
怎麼調整手機字型的度大小：
（1）首先，我們要開啟我們手機的“設定”。
（2）接着，我們再找到“顯示和亮度”項目，並點擊開啟它。
（3）接着，我們就可知以看到“字型大小”的調整項目了，點擊開啟它。
（4）我們就可以對我們手機的字型進行調整了，手機提供的調整方式有4種，分別是“小號~默認~中號~大號~超道大”，我們只需根據我們的需要選擇就好了。
趣知科普吧
