2012-04-07 50 views
1

我對網頁設計很陌生,只是爲我的iOS應用here做了一個簡單的單頁網站。我現在想讓它在iPhone上打開這個頁面時,整個事情就會被放大,因爲現在頁面的右半部分不顯示。根據我的理解和researchso far,我需要使用媒體查詢併爲移動設備創建單獨的CSS樣式表。不過,我覺得對於這樣一個簡單的頁面,應該有一些更簡單的解決方案,包含一些即插即用代碼。由一個簡單的條件類型語句組成的檢查用戶是否在移動中,如果是,則給出頁面的新維度。除了html,css和javascript的基礎知識外,我對於web開發並不瞭解,所以我們將非常感謝所有簡單的解釋。製作一個簡單的單頁網站準備在iPhone上瀏覽

+3

我認爲你必須去爲http://www.jquerymobile.com它是非常好的移動網絡框架。 – pkachhia 2012-04-07 07:09:34

+0

謝謝獨自一人,這很棒。我只是用它做了一個簡單的頁面,幾乎就是我想要的。現在我要弄清楚如何檢測移動瀏覽器並重定向它,我會很好。再次感謝! – NeonBlueHair 2012-04-07 07:49:47

+0

看[這裏](http://detectmobilebrowsers.com/)關於檢測移動瀏覽器。 – ocanal 2012-04-07 08:42:31

回答

0

您可能想要嘗試使用viewport meta-tag而不是創建特定於移動設備的頁面。該標籤不被桌面瀏覽器使用,但它會縮放您在移動設備屏幕上看到的尺寸。您還可以查看Apple's guidelines瞭解更多信息。