4

以下のコードを使用して、モバイルフレンドリーなWebページを作成しようとしています。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>
4

2 に答える 2

8

HTC が iPhone と同じようにビューポート メタ タグをサポートしているかどうかはわかりませんが、試してみてください。

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

(または他の幅)または:

<meta name="viewport" content="initial-scale=1" />
于 2010-04-28T00:21:53.133 に答える
0

AFAIKのみのWebkitベースのブラウザはビューポートを尊重します。テーブルとdivのサイズを設定せず、モバイルDoctypeを維持する場合、ほとんどのブラウザーはそれを画面に適切に適合させる必要があります。

于 2010-05-30T14:06:08.010 に答える