2010-04-28 59 views
3

我正尝试使用下面的代码创建一个移动友好的网页。当我通过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> 

回答

7

我不知道如果HTC支持视窗meta标签以同样的方式在iPhone,但你可以尝试:

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

(或一些其他宽度)或:

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

AFAIK只有基于webkit的浏览器尊重视口。 如果你没有设置表格和div的大小,并保持移动文档大多数的浏览器应该适合它的屏幕