使用meta tag "viewport" viewport標籤包含以下屬性： 為了能自動偵測並適配到螢幕寬度，應該使用device-with而不是設定固定值，另外為了避免使用者縮放導致介面超出螢幕，需要設定maximum-scale， 複製程式碼 程式碼如下: 使用javascript腳本 下面的腳本透過偵測螢幕寬度來偵測方向並調整方向： 複製程式碼 程式碼如下: 程式碼如下: <BR>var updateLayout = function() { <BR>if (window.innerWidth != currentWidth) { <>currentWidth = window.innerth = window. var orient = (currentWidth == 320) ? "profile" : "landscape"; <BR>document.body.setAttribute("orient", orient); <BR>window.scrollTo(0, 1); <br>} <br>}; <BR><BR>iPhone.DomLoad(updateLayout); <BR>setInterval(updateLayout, 400); 上述腳本可放在部分使用CSS 使用CSS的media query： 複製程式碼 複製程式碼 複製程式碼複製程式碼複製程式碼 程式碼
