检测宽度与检测浏览器

Question

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

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

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

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

你更喜欢什么？

Answer 1

我会选择那个Responsive Web Design，因为你可以在没有特殊处理的情况下覆盖更多平台。

我检查浏览器/操作系统的唯一原因是，如果我想保留原生应用的外观 - 那就是我明确要遵守特定的iOS或{{3} （等）UI准则。但是，这将是更多的工作，因为您必须为每个平台实现布局，而不是一次所有。

Answer 2

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

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

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

我建议您详细了解自适应网页设计（例如here或wiki）。

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