html - 检测宽度与检测浏览器

Question

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

他通常会检测他有多少可用的高度和宽度，并据此调整一切。因此，基本上，如果您将宽度调整得足够近，您可以在计算机上将某些东西视为“iPod”视图，它看起来会像它。

所以我的观点是什么更好，为什么？优点和缺点？

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

你喜欢哪个？

Answer 1

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

我检查浏览器/操作系统的唯一原因是我是否想保持原生应用程序的外观和感觉——即当我明确想要遵守特定的iOS或Android（等）UI 指南时。但这将是更多的工作，因为您必须为每个平台而不是一次全部实现布局。

Answer 2

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

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

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

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

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