水平滚动响应式网站答案

【问题标题】：Horizontally Scrolling Responsive Website水平滚动响应式网站
【发布时间】：2014-10-15 07:46:36
【问题描述】：

有谁知道是否可以创建一个水平滚动五个面板但仍保持响应的网站？我可以通过创建一个包含五个不同屏幕的 div 的外部 div 使其适用于特定的视口大小。我使用 javascript 设置视口 div 的最大宽度和每个部分的宽度，但如果调整浏览器大小或更改设备方向，它不会“响应”，您将不得不重新加载页面。有人对此有任何见解吗？

【问题讨论】：

$(window).on('resize', resize); - 然后将所有调整大小的 js 放入调整大小函数中。

标签： javascript jquery html css responsive-design

【解决方案1】：

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

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

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

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

【讨论】：