2012-05-31 141 views
1

我們正在開發的應用程序爲靶向臺式機,平板電腦,移動設備。是否值得有三個不同的頁面/ UI來支持不同的設備?Asp.net MVC4跨平臺/設備支持

有人提到像MVC 4.0具有橫者平臺(設備)支持,其中i可以寫單頁/解決方案,可以通過所有的設備可以觀看?所以mvc4.0真的解決了這個問題。如果是的話我在哪裏可以找到更多相關信息呢?

從官方網頁:

如果桌面瀏覽器請求的主頁,應用程序可能使用Views\Home\Index.cshtml模板。如果移動瀏覽器請求主頁,則應用程序可能會返回Views\Home\Index.mobile.cshtml模板。

如果我真的寫不同的設備不同CSHTML?

增強默認項目模板: - 除了外觀上的改進,有一個在新的模板改進的功能。該模板採用了一種稱爲自適應渲染的技術,在桌面瀏覽器和移動瀏覽器中都看起來不錯,無需任何定製。

以上人說不同的東西。

回答

1

如果您想要定位多臺設備,您可以做的最好的事情之一是使用Progressive EnhancementResponsive Design原則。

,因爲它使用JavaScript和CSS基於瀏覽器的尺寸和能力,以顯示你的網站這將適用於任何網絡架構。

漸進增強網頁設計,強調 可訪問性,語義HTML標記,外部樣式表和 腳本技術的戰略。漸進式增強功能以​​分層的方式使用網絡技術 ,允許每個人使用任何瀏覽器或互聯網連接訪問基本內容 和網頁的功能,同時還提供了帶有更高級瀏覽器的頁面的增強版本 軟件或更好的帶寬。

自適應網頁設計(RWD)本質上表明網站是 製作使用層疊樣式表3個媒體查詢的 @media規則的延伸,流體基於比例的網格,以適應 佈局查看環境,並可能還使用靈活的 圖像。因此,廣泛的設備 和瀏覽器的用戶將可以訪問單一內容來源,編排爲 ,以便通過最少的調整大小,平移和滾動來輕鬆閱讀和導航。

+0

我們總是喜歡使用微軟技術。那麼asp.net MVC 4.0如何解決這個問題呢? –

+0

不同的設備有不同的瀏覽器...MVC沒有直接解決這個問題。默認的模板確實包含了一些這些(modernizr,CSS媒體查詢等),但它實際上並不是MVC框架的一部分。 – jrummell