iOS 7绝对位置内表响应不起作用

Question

我根据https://stackoverflow.com/a/17557830/1272712在表格中固定了左前两列。当屏幕大小小于768px时，列仅被固定 - 此时表可滚动（请参阅jsFiddle）。它适用于Android，桌面Chrome和桌面Safari，但它不适用于iOS Safari和Chrome。 iOS不支持position:absolute吗？

如果其他人有任何替代实施，我会接受这个答案。

http://jsfiddle.net/98hk3/

Answer 1

我认为你已经陷入了最小宽度问题，

我会说解决这个问题很简单，以防你将像素转换为em，

如果您的基本大小为16px（默认情况下，它在所有浏览器中都相同）

然后你的PX到Em将是（px）768/16 = 48（em）

现在尝试在代码Fiddle 0

中将Px更改为Em

如果你必须留在PX，那么做这样的事情，

@media（max-width：768px！important）

fiddle 1 或

@media（最大宽度：99％） Fiddle 2

注意：我建议我们保留1％或2％的备用量（通过应用99％），因为如果我们在体内应用了填充，那么会产生溢出到顶层。

还尝试在zoom:1;课程下添加.table-responsive，这可能有助于iOS fiddle 3

如果不能解决，请回复..

Answer 2

我能够通过将unset属性覆盖为touch来实现此目的。

我认为在iOS中默认为position:absolute，因为某些原因导致我试图设置{{1}}。{/ p>