移動網站中的小字體

我開發了一個移動網站，它在Android和iPhone模擬器中完美呈現給我。然而，當我嘗試在Android手機或iPhone上查看它時，它會將網站顯示爲在手機上查看的普通桌面網站，其寬度和字體顯示非常小。問題得到解決，如果我雙擊/點擊我的屏幕。移動網站中的小字體

任何幫助將不勝感激。

我得到這個在stackoverflow ..但沒有多少把握它

來源

2012-01-04 Nitesh

樣本什麼是你的文檔的DOCTYPE？ – 2012-01-04 18:16:29

此頁面的URL是...？ – ceejayoz 2012-01-04 18:16:44

@ceejayoz的網址是http://35webs.com – Nitesh 2012-01-04 18:19:55

您需要添加一個名爲meta標籤「視口」見下文

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta http-equiv="Content-Style-Type" content="text/css"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" /> 
</head> 
<body style='background-color:white;font-family:Arial,Tahoma,Verdana;'> 
</body> 
</html>

來源

2012-01-04 18:18:49 ImplexOne

現在就試試這個。 – Nitesh 2012-01-04 18:20:36

它也適用於iPhone嗎？ – Nitesh 2012-01-04 18:23:45

是的，他們都使用相同的瀏覽器（WebKit） – ImplexOne 2012-01-04 18:44:09

移動網站中的小字體

回答

相關問題