爲手機瀏覽器創建網頁

我正在爲移動用戶以及PC用戶創建網站。我希望這兩個最終用戶都能正確查看此網站。我現在基本上正在考慮移動用戶的一部分。當我在我的手機上加載頁面時，它似乎太小了一點。我需要減少頁面的整體大小或其分辨率以適應移動設備。當我檢查谷歌(here)的移動版本時，它在PC的瀏覽器中似乎更小，因爲它適合移動瀏覽器。爲手機瀏覽器創建網頁

什麼是我用???我在XHTML中使用支持JavaScript和CSS來構建網站

來源

2010-01-13 Nithin

您可以輕鬆地爲不同media types指定多個樣式表的方法：

<link rel="stylesheet" type="text/css" media="handheld" href="foo_mobile.css"> 
<link rel="stylesheet" type="text/css" media="screen" href="foo_screen.css">

這裏的相關媒體類型可能是screen用於在計算機上正常觀看，而handheld。

如果您不需要重新設置所有內容，您也可以指定一個帶有media='all'的樣式表，然後根據其他樣式表中的媒體類型應用特定樣式。

來源

2010-01-13 09:48:51 Joey

iPhone不會呈現手持式樣式表，但您也可以將樣式表定位在iPhone上：http://stackoverflow.com/questions/809532/how-do-i-apply-a-stylesheet-just-to -the-iphone-and-not-ie-without-browser-snif – 2010-01-13 10:13:49

actaually，我需要在foo_mobile.css文件中給出的內容。我們需要在那裏指定哪些東西。如果這些是不好的基礎知識，請原諒我，我是網絡開發領域的新手。 – Nithin 2010-01-13 10:24:09

Nithin，明顯的候選人應該是字體大小調整（'font-size：smaller'），刪除不必要的東西，只是帶走空間（'display：none'），不使用多列等等。不知道你的頁面/網站和樣式表是怎麼樣的，我們實際上給你的不僅僅是一般性的建議。如果你有特定的問題，那麼你應該問問他們。 – Joey 2010-01-13 10:29:44

考慮以相對單位（如％和em）指定大小。這樣一切都是根據可用的屏幕尺寸進行縮放。無論如何，這是一個好主意，因爲（無JS）你無法知道用戶瀏覽器窗口有多大。如果要防止事物（即字體）變得太小，請使用最小寬度。

這種方法唯一真正的問題是圖像，因爲它們在自然尺寸上看起來最好。 SVG解決了這個矢量藝術問題，但是使用Johannes所說的CSS媒體目標也可以解決這個問題。

來源

2010-01-13 10:02:21 SpliFF

那麼，通過vieport的大小控制字體大小可能不是最聰明的想法，但。我認爲大多數網站佈局需要重新爲非常小的屏幕重新完成，而不是縮小。 – Joey 2010-01-13 17:35:49

爲手機瀏覽器創建網頁

回答

相關問題