Отображение дружественной для мобильных устройств веб-страницы без увеличения - PullRequest
Новая
       10

Отображение дружественной для мобильных устройств веб-страницы без увеличения

3 голосов
/ 28 апреля 2010

Я пытаюсь создать мобильную дружественную веб-страницу, используя код ниже. Когда я смотрю на HTC HTC Desire, мне нужно увеличить изображение, чтобы увидеть правильный размер. Как я могу заставить его отображаться нормально без увеличения? 

<%@ 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>

Ответы [ 2 ]

7 голосов
/ 28 апреля 2010

Я не уверен, что HTC поддерживает метатег viewport так же, как iPhone, но вы можете попробовать: 

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

(или другой ширины) или: 

<meta name="viewport" content="initial-scale=1" />
0 голосов
/ 30 мая 2010

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

...