需要帮助构建页面

Question

我失败的尝试是在 http://jsfiddle.net/NZtc4/

我正在尝试创建一个显示以下页面的Web应用程序页面，无论屏幕大小如何。

[Toolbar]
[ Image ]
[img][img][img]＆lt; - 此行应该可滚动＆lt; - ＆gt; （拖动）

• 工具栏是jquery移动工具栏。
• 图像应为剩余高度的67％和宽度的100％。
• imgs应该是页面宽度的50％并且是剩余高度。 （在任何给定时间显示相当于两个完整图像。）
• 任意数量的imgs＆gt; 2。
  （所有图像都是锚点，但这超出了问题的范围。）

页面应该是无缝的;即元素之间没有间隙。

答案是对所述页面实施的演示或解释。

Answer 1

如果您的元素为inline-block，则HTML换行符中的

将被解释为空格。为了消除此差距，您需要添加font-size:0。作为副作用，这要求您为实际包含文本的元素提供字体大小。 （否则他们不会显示任何文字）。在CSS3中，您可以使用font-size:1rem将font-size设置为body（root）。

对于底部滚动条，您无需指定width，而是需要white-space:nowrap，因此您的元素会显示在同一行上。

参见已编辑的示例：http://jsfiddle.net/NZtc4/2/