在检查了几十篇文章之后，我仍然在黑暗中如何实际实现响应式ux设计（我真的理解布局部分）。一个简单的例子：Bootstrap（CSS框架）将工具栏按钮折叠到手机上的一个下拉按钮中。这就是我所需要的！我想了解这种行为的基础知识。它只需要CSS，还是我也需要JavaScript？我实际上除了JavaScript之外别无其他任何方式。
在我的应用程序（IDE）中，我通常有很多工具栏按钮，在某个断点或宽度处，我想我必须以某种方式将它们放入下拉按钮，对吧？显而易见的事情，例如每个断点/宽度重新布置布局容器，对CSS来说是件小事;至少这是它的样子。
更新，我只使用基于JS的小部件。主要生成所有HTML。
答案 0 :(得分：1)
您可以制作多个（针对不同的屏幕尺寸）菜单，下拉菜单或导航栏等。然后使用媒体查询只显示特定屏幕宽度中的一个（即其他人为display: none）。我认为Bootstrap的工作方式类似（它也可能使用JS）。
通过这种方式，您的设计将变得响应，但会增加文件大小。
答案 1 :(得分：0)
检查GRID。这是响应式设计的一个（很棒的）简单指南。
答案 2 :(得分：0)
经过大量的研究和开发;对于基于JS的解决方案，基本上没有任何标准。我检查了Dojo，Sencha和其他一些付费的东西。最后，我最终得到了自定义JS代码。媒体查询只在某种程度上有所帮助，实际上只是在移动和调整布局容器和图片时;但那几乎就是这样。它更好地在JS中完成，因为计算变得更准确并且对代码的干扰更少。
所以对我来说，响应式设计＆＃39;实际上根本就没有意义;它非常适合常规网站，但实际上不适用于复杂的ux。
回到原点， 克