顯示移動友好的網頁，而無需放大

我正嘗試使用下面的代碼創建一個移動友好的網頁。當我通過HTC的願望查看它時，我必須放大才能看到正確的尺寸。我怎樣才能讓它正常顯示而不必放大？顯示移動友好的網頁，而無需放大

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MobileSite._Default" %> 


<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" > 

<head runat="server"> 
    <title>My Mobile Site</title> 
</head> 
<body style="width: 480px"> 
    <form id="form" runat="server"> 
    <div>  
     Test<br /> 
     Test<br /> 
     Test 
    </div> 
    </form> 
</body> 
</html>

來源

2010-04-28 Grant

我不知道如果HTC支持視窗meta標籤以同樣的方式在iPhone，但你可以嘗試：

<meta name="viewport" content="width = 320" />

（或一些其他寬度）或：

<meta name="viewport" content="initial-scale=1" />

來源

2010-04-28 00:21:53

AFAIK只有基於webkit的瀏覽器尊重視口。如果你沒有設置表格和div的大小，並保持移動文檔大多數的瀏覽器應該適合它的屏幕

來源

2010-05-30 14:06:08 nLL

顯示移動友好的網頁，而無需放大

回答

相關問題