2012-08-12 73 views
6

我試圖找出是否它會更好地利用我的時間(現在和長期)爲我的移動網站製作單獨的樣式表(它將看起來截然不同,但使用相同的數據庫信息和元素),,使一個全新的移動頁面和竊取我需要從我的桌面網站。單獨的移動CSS表單與單獨的移動頁面?

有沒有人有建議或知道大多數開發者在移動網站上的做法?

回答

8

您可以使用媒體查詢。

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

或者在CSS3

http://www.w3.org/TR/css3-mediaqueries/

+0

謝謝。媒體標籤在拿起移動瀏覽器時有多準確?大多數現代設備是否認識到這一點,還是我仍然需要使用PHP重定向不支持的設備? – 2012-08-12 23:23:08

1

很多這幾天都集中在移動第一的網站,然後移植到臺式機一個完整的Web應用程序。越來越多的peyote正在使用他們的手機瀏覽網頁,一個專爲手機設計的網站通常會支持臺式機,而桌面網站將支持移動瀏覽器。

我讀到device.is在HTML5岩石這裏:http://www.html5rocks.com/en/mobile/cross-device/

1

有很多的爭論在。我個人更喜歡媒體查詢。它不是太複雜,我把它們放在我的css文件中使用@media FOO and (max-size: ###) { /*stuff*/ }

「移動網站」通常像m.domain.com,通常是一個非常精簡的版本。包含一些產品,信息和聯繫方式。

爲什麼只是因爲有人在一個較小的設備上而隱藏了其他寶貴的網站信息?加載時間可能會更長一些,因爲內容更多,只要確保你超級重要的東西超出了這個倍數。 (或者至少在繪圖順序中更高)

您還可以非常輕鬆地包含點擊呼叫並單擊以使用媒體查詢以特定大小顯示的地圖按鈕。

+0

謝謝。非常有用的答案! – 2012-08-12 23:03:27