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