利用meta標籤

Meta標籤主要用來描述一個HTML網頁文件的屬性，如作者、日期時間、網頁描述、關鍵詞、頁面重新整理等，它的Description和Keywords屬性，可加入網站的關鍵字，讓網頁利於搜尋引擎。

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

解釋：Viewport指使用者網頁的可視區域，content中的“width”指的是虛擬視窗寬度，上面程式碼意為虛擬視窗/頁面寬度初始比例為1，最小比例為1，最大比例為1，使用者不可擴充套件，頁面不可縮放。

以上標籤只支援一種尺寸，正確的做法是用js動態生成下面標籤，前提是要先獲取螢幕尺寸。

<script type="text/javascript">

var phoneWidth =  parseInt(window.screen.width);

var phoneScale = phoneWidth/640;

var ua = navigator.userAgent;

if (/Android (d+.d+)/.test(ua)){var version = parseFloat(RegExp.$1);

if(version>2.3){ document.write(‘<meta name="viewport" content="width=640, minimum-scale = ‘+phoneScale+‘, maximum-scale = ‘+phoneScale+‘, target-densitydpi=device-dpi">‘); }

else{document.write(‘<meta name="viewport" content="width=640, target-densitydpi=device-dpi">‘); }

else { document.write(‘<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">‘); }

 </script>