小编kor*_*sun的帖子

我们正在为博物馆制作软件.Windows 8.1上有几个带触摸屏的交互式信息亭,它们连接到本地网络.没有键盘,没有鼠标.带有Apache的服务器包含几个本地网站.每个自助服务终端都以自助服务终端模式运行Google Chrome副本.因此,我们有一些本地Web应用程序,为博物馆访问者提供信息.

现在,问题.如果访问者在屏幕上长时间触摸,则其工作方式类似于右键单击.出现上下文菜单.我们根本不需要它.我已经将"oncontextmenu = return false"添加到body标签中并且它有所帮助.但.我们在iframe中运行了几个外部网站(博物馆与互联网连接).上下文菜单确实出现在iframe上.AFAIK,没有办法使用javascript禁用它.

我们的系统工程师获得了一个完全禁用Windows右键单击的软件.包括Chrome在内的任 但.它适用于鼠标.至于接触......好吧,除了 Chrome 之外,它还会禁用触摸事件.也许Chrome有自己的触摸事件处理程序,我不知道.

所以,毕竟.我们需要在Chrome的kiosk模式中右键单击/长按触摸iframe上的上下文菜单.请给我一些建议.

我有一个容器和几个内部div.

.container {
 display: inline-flex;
 flex-flow: column wrap;
 max-height: 500px;
}
.element {
  width: 200px;
  height: 200px;
  margin: 10px;
  background: #000;
}

现在我有3个弹性柱.

我的预期:容器的宽度等于列宽(660px)的总和.

我得到了:容器的宽度等于第一列的宽度.

笔:http: //codepen.io/korsun/pen/zGpQrZ

为什么？当我将flex-direction更改为row并将max-height更改为max-width时,一切都按预期进行.有没有办法让我的容器宽度等于内容宽度？