Tag: 浏览器的WebKit

Chrome / Safari没有填充flex父项的100％高度

我想要一个具有特定高度的垂直菜单。 每个孩子必须填写父母的高度，并有中间排列的文本。 孩子的数量是随机的，所以我必须使用dynamic值。 .container包含随机数的子项（ .item ），它们必须始终填充父项的高度。 为了实现我用flexbox。 为了使文本链接与中间alignment，我使用display: table-cell技术。 但是使用桌面显示需要使用100％的高度。 我的问题是.item-inner { height: 100% }在webkit（Chrome）中不起作用。 有没有解决这个问题？ 还是有一种不同的技术，使所有.item填充父母的高度与文本垂直alignment中间？ 这里的示例jsFiddle，应该在Firefox和Chrome中查看 .container { height: 20em; display: flex; flex-direction: column; border: 5px solid black } .item { flex: 1; border-bottom: 1px solid white; } .item-inner { height: 100%; width: 100%; display: table; } a { background: orange; display: table-cell; […]

用JavaScript在浏览器中检测Android手机的旋转

我知道，在iPhone上的Safari，你可以通过听取onorientationchange事件和查询window.orientationangular度来检测屏幕的方向和方向的变化。 这是可能的Android手机浏览器？ 为了清楚起见，我问一个Android设备的旋转是否可以通过在标准网页上运行的JavaScript检测到。 这是可能在iPhone上，我想知道是否可以为Android手机完成。

在JavaScript中触发键盘事件

我试图在Safari中使用JavaScript来模拟键盘事件。 我试过这个： var event = document.createEvent("KeyboardEvent"); event.initKeyboardEvent("keypress", true, true, null, false, false, false, false, 115, 0); 还有这个： var event = document.createEvent("UIEvents"); event.initUIEvent("keypress", true, true, window, 1); event.keyCode = 115; 但是，在尝试这两种方法之后，我遇到了同样的问题：代码执行后，事件对象的keyCode /属性设置为0 ，而不是115 。 有谁知道如何可靠地创建和发送在Safari中的键盘事件？ （如果可能的话，我宁愿用普通的JavaScript来实现它。）