Javascript 水平滚动响应网站

有人知道是否有可能创建一个水平滚动五个面板但仍然保持响应的网站吗？我可以通过创建一个外部div使其适用于特定的视口大小，该div包含一个具有五个不同屏幕的div。我使用javascript设置viewport div的最大宽度和每个部分的宽度，但是如果浏览器调整了大小，或者设备方向发生了变化，它不会“响应”，那么您必须重新加载页面。有人对此有什么见解吗？

您可以在调整窗口大小而不是加载时调整大小功能

假定它放置在窗口加载事件中，但是您选择设置它$例如，document.ready

function resize(){
    //do whatever you do on resize here
}

//set the listener and call the function initially
$(window).on('resize', resize);
resize();

$window.on'resize'，resize；-然后将所有js调整大小的内容放入调整大小函数中。