MVC最佳做法，響應式設計或動態提供不同的html

創建一個可以被各種設備訪問的網站，例如pc，平板電腦或移動設備。確保每臺設備都具有用戶友好視圖的最佳做法是什麼？MVC最佳做法，響應式設計或動態提供不同的html

早些時候，我一直在重新路由請求來分隔網址，通過讓我的主要流量爲domain.com，移動設備正在重新路由到m.domain.com。

上一個新的網站開始，我想知道我是否應該選擇另一種方法：

自適應設計（CSS/JS）來處理不同的屏幕尺寸
通過使控制器確定動態提供不同的HTML設備

第三個選項當然是爲不同設備使用子域。

我確實認爲讓控制器決定渲染哪個html（視圖）很適合MVC方法，所以這很可能是我前進的方向。

不過，我很感謝您對此可能有的任何經驗或想法。

來源

2013-06-02 Kman

個人而言，我相信使用響應式設計是更好，因爲你只需要使用CSS/JS來隱藏不要在裝置上顯示井的部分，加而不必更新2次（移動視圖和非移動視圖），當您更改視圖底層數據的結構時，您只需更新一個視圖。 –

我很擔心使用這種方法的觀點/ css/js可能會變得更加複雜和難以維持。但我沒有任何經驗。我知道有一些框架可以幫助 – Kman

在模板系統中使用它，所以響應代碼放在主模板文件中，視圖只是在需要時使用預定義的css響應類。 bootstrap http://twitter.github.io/bootstrap這對做響應式佈局非常有用。它包括一個css和js文件，它們中都有預定義的代碼，你只需要使用它們的類，比如父類中的「row-fluid」類，其中有兩個帶有'span9'，'span3'的子項，這使得它兩個孩子並肩分別擁有64％和36％的寬度。有很多東西 –

您可以使用CSS媒體查詢來定位設備。

這將允許您爲具有不同屏幕寬度的設備定義自定義選擇器，例如，您可以更改正在查看您的網站的設備的導航寬度，最大設備寬度爲600像素。

<style> 
@media (max-width: 600px) { 
    .navigation { 
    width:200px; 
    } 
} 
</style>

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

來源

2013-06-02 15:50:59

MVC最佳做法，響應式設計或動態提供不同的html

回答

相關問題