檢測寬度vs檢測瀏覽器

Question

我有一位朋友在做網頁設計，他開始談論他通常如何檢測正在使用的內容。

他通常會檢測他有多少可用的高度和寬度，並從中調整一切。所以基本上你可以在計算機上查看某個「iPod」視圖，如果你調整寬度足夠接近它看起來就像它。

所以我的觀點是什麼更好，爲什麼？親和缺點？

從寬度上調整所有內容還是更好地檢測正在使用的瀏覽器並從中進行調整會更好嗎？如檢測到手機瀏覽器等。

你更喜歡什麼？

Answer 1

我一定會去檢測寬度和高度。

即使您檢測到智能手機瀏覽器，也可能有許多不同的屏幕尺寸和不同的分辨率。不提及平板電腦。不提及具有不同屏幕尺寸的桌面用戶。沒有提到桌面用戶調整窗口大小。

另外，瀏覽器檢測並不總是可靠的。

我建議更多地瞭解響應網頁設計（例如here或wiki）。

這與您需要檢測瀏覽器功能（JS，CSS）時的原理相同 - 類似Modernizr這樣的庫不會從所報告的用戶代理檢測瀏覽器，但會檢測其實現的實際功能。功能可能會隨時間而改變，您將不斷需要更新您的代碼。類似地，移動瀏覽器現在可能會有一些解決方案，而在未來可能會有完全不同的解決方案。

Answer 2

我會去那Responsive Web Design因爲你可以覆蓋更多的平臺沒有特殊待遇。

我檢查瀏覽器/操作系統的唯一原因是，如果我想保持本機應用程序的外觀和感覺 - 那就是當我明確要遵守特定的iOS或Android（等）UI準則。但是，這將是更多的工作，因爲你不得不爲一次實現您的佈局爲每個平臺。