无需放大即可显示适合移动设备的网页答案

【问题标题】：Showing mobile friendly web page without having to zoom in无需放大即可显示适合移动设备的网页
【发布时间】：2011-02-13 03:20:12
【问题描述】：

我正在尝试使用以下代码创建一个适合移动设备的网页。当我在 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>

【问题讨论】：

标签： html asp.net mobile-website

【解决方案1】：

我不确定 HTC 是否像 iPhone 一样支持 viewport 元标记，但你可以试试：

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

（或其他宽度）或：

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

【讨论】：

【解决方案2】：

AFAIK 仅基于 webkit 的浏览器尊重视口。如果您不设置表格和 div 的大小并保留移动文档类型，则大多数浏览器都应使其适合屏幕

【讨论】：