2010-04-28 3 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 поддерживает видовое окно мета-тегов и тот же способ, iPhone делает, но вы можете попробовать:

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

(или какой-либо другой ширины) или:

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

AFAIK только браузеры, основанные на webkit, рассматривают окно просмотра. Если вы не задаете размер для таблицы и div и сохраняете мобильный doctype, большинство браузеров должны правильно подойти к экрану