我有一个问题，我已经搜索了几个小时，找不到解决我问题的方法。
我正在尝试这样做，因此当您调整浏览器的大小时，在台式机上时不会显示移动版本和断点。
因此，当您使用台式机时，应该能够将浏览器的大小调整到必须水平滚动的程度，而不是同时显示台式机和移动版本。 apple.com会在您调整浏览器大小的地方做到这一点，它只会变得很小，而您永远不会看到移动版本。您不应该这样做，因为您在台式机上。
这是网站：
http://www.avrs.com/
要重现该问题，您可以调整浏览器的大小，大约1000像素时，浏览器会破裂并且很丑陋。您可能还说我在display: none;上做错了，欢迎您通知我如何解决。
我也熟悉http://getbootstrap.com/css/#responsive-utilities。但是他们似乎也没有解决此问题。
最佳答案
有几种技术可以实现您想要的。最简单的方法是使用具有特定属性的CSS媒体查询。
通常将min-width或max-width用于CSS断点，以使您的网站适合移动设备使用（响应式Web设计）。如果要在桌面浏览器上避免这种情况，可以将不同的属性与特定于移动设备的值一起使用：min-device-pixel-ratiomin-device-widthorientation
此来源将提供更多相关信息：article on css-tricks。
另一个问题是：您为什么要使您的网站无响应且不像这样对用户友好？在2014年，我（以及几乎所有用户）都希望网站能够适应浏览器的窗口大小。
场景：我真的很喜欢用我的浏览器在屏幕的一半（例如）上浏览网站。与某人聊天或另一半看电影。
考虑这一点。我认为最好改善您的网站，使其在所有不同的分辨率下都可以正常工作，因为您永远无法承担有关用户及其设备（智能手机，平板电脑，上网本，笔记本电脑，台式机……）的任何事情。如今，我可以轻松获得比台式计算机分辨率更高的智能手机，或者具有触摸屏的笔记本电脑。