css - RWD 站点中较大的按钮对鼠标用户来说真的是一种良好的体验吗？

Question

不确定在这里问这个问题是否合适，所以请随意关闭它并建议一个更好的地方来问这个问题。

如今，大多数 RWD 站点都会在窗口宽度减小时增加按钮的大小。这很有意义，因为当窗口尺寸足够小时，RWD 网站将显示移动网络体验，这需要更大的触摸目标。

但是，作为非触摸设备上的桌面浏览器用户，当我选择使用较小的窗口尺寸时，触摸优化(更大的按钮)给我带来了什么？可能不多，考虑到屏幕空间现在更多地被“不必要”大的元素占据？

同样适用于问题的另一个方向。具有宽窗口大小的触摸设备上的“小”按钮是一种良好的体验吗？

另一种解决方案是在服务器端进行浏览器检测，以最好地猜测它是否是触摸设备(例如，iphone 与台式机)，并向客户端提供触摸优化的 CSS。

那么，作为开发人员，采用哪种方法需要权衡哪些因素？遵循的理念/原则是什么？

Answer 1

最好的方法是通过浏览器中的功能检测。由于没有通过 CSS 检测触摸的标准方法。我只想做这个 JavaScript:

if ('ontouchstart' in document) {
    // Bring in the necessary CSS optimized for touch
}