Responsive design 水平滚动站点响应？

我在互联网上搜索了一个答案，让一个水平滚动的网站（ie:）响应而没有成功

HTML:

我真的迷路了。任何帮助都将不胜感激

---

谢谢

也许在所有其他图像之前，先在左边放一张纯白的图像。使其足够宽，以便当图像完全展开时，白色部分位于左侧导航部分的后面

<div id="horizontal">
    <div class="picture">
        <img src="allwhitebox.jpg" />
    </div>
    <div class="picture">
        <img src="pic01.jpg" />
    </div>

我脑后的想法告诉我你需要：

.picture {
    float: left;
    display: inline-block
}

只需谷歌搜索“Metro UI模板”&从显示的第一个结果下载它

---

研究它并进行实验……

你可能想定义一下你说的“水平滚动”是什么意思？这是否意味着如果一行图片比屏幕宽，你会得到一个滚动条？类似这样：我不知道我会怎么称呼它。当一直向左滚动时，第一个图像的偏移量足以使左侧边距文本全部显示。当图像水平滚动时，它们占据了整个宽度，左边距区域看起来是一个半透明的窗格，通过它可以看到图像区域的左侧，尽管它被遮挡了。非常酷的效果。

<div id="horizontal">
    <div class="picture">
        <img src="allwhitebox.jpg" />
    </div>
    <div class="picture">
        <img src="pic01.jpg" />
    </div>

#left-margin {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

.picture {
    float: left;
    display: inline-block
}