Q

移動優化網站

php
css

2012-05-15 173 views 2 likes

2

我必須爲Android，Iphone和Blackberry以及桌面和平板電腦的網站開發Mobile Optimized Website。我們知道所有設備的屏幕分辨率各不相同。我的頭指示我開發一個站點和所有設備，並根據設備動態更改css。。有誰知道如何創建這樣的網站？是否有任何框架或cms可用於此？移動優化網站

2012-05-15 Suresh kumar

+1

看看jQuery Mobile –

A

回答

2

我建議你看看「響應式網站」。這是你想要的技巧。

E.g. http://responsejs.com/

2012-05-15 13:54:56 Elias

2

您可以使用媒體查詢根據屏幕大小，分辨率等更改css（請參閱here for an example）。

至於框架..也許你可以嘗試http://www.getskeleton.com/或jQuery手機。

我會建議您不要使用純CSS來爲移動設備和非移動設備設計網站。您應該儘量減少移動設備的DOM，以減少下載時間。對於完整的網站來說，這不是一個問題，它可以從更加豐富的DOM中受益。

2012-05-15 13:57:13

+0

這是一個很好的媒體查詢插件：http：//code.google.com/p/css3-mediaqueries-js/。該腳本在許多不支持它的瀏覽器中實現媒體查詢。我還沒有使用它，但我打算在我的下一個響應式設計項目上。 –

1

嘗試使用adapt。它將允許您爲不同的設備寬度範圍指定不同的樣式表。

http://adapt.960.gs/

我會建議對媒體查詢，因爲它們不是由不同的設備上的所有瀏覽器都支持。看看這裏進一步閱讀 - >http://www.miqrogroove.com/blog/2012/dont-use-min-width-media-queries/

2012-05-15 13:57:47 Undefined

+0

我不知道這是如何處理邊緣的情況下，如980像素，給定''760px到980px = 720.css'，'980px到1280px = 960.css'，'？ – msanford

+0

它需要下一個，所以它像760px <980px和980px <1280px – Undefined

相關問題