如何爲移動設備擴展網站？

我有一個非常簡單的靜態網頁（只有css和鏈接，沒有腳本）。它看起來不錯的Android和iPhone，但太小了。我猜他們把它縮小了，因爲它適用於大多數網站。我如何可以覆蓋這一點，讓他看起來我希望它的大小呢？如何爲移動設備擴展網站？

2010-03-02 koby

無論你去，請確保您在Android中的較新版本測試。我有一個很好的簡單的單列布局，在Android 1.5和Android 1.6中看起來不錯。儘管如此，Android 2似乎將所有文本都壓縮成了一邊的小條子。奇怪的是，我將不得不切換到多列布局，支持電話，在簡單的應該會更好。 – 2010-03-03 04:19:04

的Android自動調整到您的站點的大小，嘗試使用寬度：100％或小於310周圍像素（滾動條需要空間等）正常視圖模式。

對於IPhone嘗試使用此代碼來強制正確的尺寸

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

也很給力字號嘗試在你的CSS使用此代碼：

-webkit-text-size-adjust: none;

來源

2010-03-02 08:59:10 TomHastjarjanto

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

的應該列出用逗號分隔。

來源

2013-07-10 10:14:24 dergachev

如何爲移動設備擴展網站？

回答

相關問題