样式在“响应式设计模式”中按预期工作，但在较小的桌面窗口中中断

Question

我有一个仅在小型桌面浏览器窗口中出现的问题。 “响应式设计模式”按预期显示了内容，但是，如果我在正常的浏览器窗口中将浏览器的大小调整为相同的尺寸，视图就会更改。

更具体地说，我做了一个“隐藏的滚动条CSS技巧”，大致就是CSS：

padding-right: 17px;
box-sizing: content-box;
overflow-y: scroll;
width: 100%;

在“响应式设计模式”下​​，视图大致如下所示：

在具有相同大小的小型浏览器窗口中，视图如下所示：

这可以通过将宽度调整为102％来解决，但问题是：

如何仅定位小型浏览器而不定位移动设备？也许更好的是，什么“隐藏滚动条” css技巧可以在小型桌面浏览器上避免此问题？

我更喜欢仅使用sass的解决方案，但是jquery选项可能是一种解决方法。

Answer 1

请包括overflow-y: auto;而不是overflow-y: scroll;。因此，无论什么情况，具有overflow-y属性的scroll都会添加滚动条。但是另一方面，overflow-y和auto会在内容超出给定限制时添加滚动。