显示移动友好的网页,而无需放大

Gra*_*ant 4 html asp.net mobile-website

我正在尝试使用以下代码创建一个适合移动设备的网页.当我通过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>
Run Code Online (Sandbox Code Playgroud)

Mat*_*ges 8

我不确定HTC是否像iPhone一样支持视口元标记,但您可以尝试:

<meta name="viewport" content="width = 320" />
Run Code Online (Sandbox Code Playgroud)

(或其他一些宽度)或:

<meta name="viewport" content="initial-scale=1" />
Run Code Online (Sandbox Code Playgroud)