Question

不确定这是否是提出这个问题的正确位置，所以请随时关闭它并提出一个更好的地方来提出这个问题。

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

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

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

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

那么，作为一名开发人员，采取何种方法需要权衡利弊？遵循什么样的理念/原则？

Answer 1

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

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