我正在重新设计一个调查回答应用程序，我希望它可以在台式机、平板电脑和智能手机上运行。台式机和平板电脑可以使用或多或少相同的界面，但手机是另一个问题。
大屏应用界面或多或少是一个表格，第一列是一组问题，下一列是答案。（问题可以有 1（布尔）到 9 个选项）。但是这种设计不容易转移到较小的屏幕上。所以我的想法是当屏幕宽度低于某个阈值时显示单个问题。
所有问题都是预先加载的，所有答案都会“点击”推送到服务器。（是的JS是必须回答的）。我正在使用 CSS 在大屏幕应用程序上的“页面”/“组”问题之间进行转换。在小屏幕上我想做同样的事情，只是这一次是在单个问题而不是一组问题之间。
看我精美的草图：
我可以用“响应式/自适应设计”来做到这一点吗？或者我应该在不同的屏幕尺寸上加载两个不同的视图？