检测宽度与检测浏览器[关闭]

Question

我有一个做网页设计的朋友，他开始谈论他通常如何检测正在使用的内容。

他通常会检测他有多少可用的高度和宽度，并从中调整一切。 所以基本上你可以在计算机上查看某些东西作为“iPod”视图，如果你调整宽度足够接近它看起来就像它。

所以我的观点是什么更好，为什么？ 赞成还是缺点？

从宽度调整所有内容还是检测正在使用的浏览器并从那里进行调整会更好。 如检测到手机浏览器等

你喜欢哪个？

Answer 1

我会选择响应式网页设计，因为您无需特殊处理即可覆盖更多平台。

我检查浏览器/操作系统的唯一原因是我是否想要保持原生应用程序的外观和感觉 - 那时我明确地想要遵守特定的iOS或Android （等）UI指南。 但这样做会更有效，因为您必须为每个平台实现布局，而不是一次性实现所有平台。

Answer 2

我肯定会去检测宽度和高度。

即使您检测到智能手机浏览器，也可能有许多不同的屏幕尺寸和不同的分辨率。 没有提到平板电脑。 没有提到具有不同屏幕尺寸的桌面用户。 没有提到桌面用户调整窗口大小。

此外，浏览器检测并不总是可靠的。

我建议更多地了解响应式网页设计 （例如这里或维基 ）。

这与您需要检测浏览器功能（JS，CSS）的原理相同 - 像Modernizr这样的库不会从报告的用户代理检测浏览器，而是检测它实现的实际功能。 功能可能会及时更改，您将不断更新代码。 类似地，移动浏览器现在可能具有一些分辨率，并且将来可能具有完全不同的分辨率。