響應式設計爲1 ASP.NET網頁 - 檢測屏幕寬度

我有一個ASP.NET Web窗體網站，有CSS代碼來檢測屏幕寬度是否小於420像素。客戶端現在希望這個版本（420像素以下）的功能與全屏網站的功能完全不同，所以我想通過在服務器端檢測瀏覽器的寬度，我可以重定向到移動版本的網站。我使用51Degrees來檢查Request.Browser.ScreenPixelsWidth，但即使在我的手機上，它始終返回相同的值。有沒有更好的方法來檢測這些信息，以便我可以加載我的網頁的移動版本？響應式設計爲1 ASP.NET網頁 - 檢測屏幕寬度

來源

2014-10-12 skaz

如果你想獲得設備寬度，user-agent是不是很有幫助，因爲最終你需要屏幕分辨率，這將成爲管理用戶界面的唯一標準。因此，當更多設備進入市場時，您需要存儲他們的用戶代理和維度，這樣，我說它沒有幫助。而如果用戶使用手機或平板電腦，並改變方向，意味着尺寸剛剛改變爲相同的user-agent。

所以最好的方法是與css media查詢開始。有很多CSS可以幫助您響應設計，例如bootstrap。

來源

2014-10-12 15:28:08

謝謝。我們已經有了CSS媒體查詢，但是現在我們需要根據屏幕大小來確定哪些數據需要提取，所以我認爲我們的服務器端會更好。 – skaz 2014-10-12 15:38:59

因此，如果你的觀點是爲不同的設備大小獲取不同的數據/內容，那麼你必須去服務器端的代碼。我在想，你的意思是與響應式設計相同的內容！ – 2014-10-12 15:41:47

你在混合兩種不同的技術。對於響應式設計，您永遠不需要使用瀏覽器代理嗅探。使用像Bootstrap這樣的RWD CSS框架。藉助RWD，您可以爲所有設備提供相同的內容和功能。

這真的聽起來像是開發一個單獨的移動應用程序的一個參數，如果有一部分需要不同的功能。除此之外，客戶端是一個白癡，它經常是我們的工作，教育客戶;-)

來源

2014-10-12 15:16:54 IrishChieftain

響應式設計爲1 ASP.NET網頁 - 檢測屏幕寬度

回答

相關問題