在Safari的iOS上打破的元素

Question

我在iOS的以下页面遇到了一个非常令人沮丧的错误：http://makethemostof.co.uk/test.html

右上方有一个标签，上面写着“购物袋（空）”，在iOS上消失了。我试图用Firebug for iPad诊断问题，但似乎找不到原因。我怀疑它与元素是位置的事实有关：固定但我真的不确定。

当Mac上的webkit（以及我所见过的windows）运行正常时，有人知道为什么iOS会这样做吗？我错过了什么？

顺便说一下，还有一些jQuery在页面的那个区域（第100行）上行动，这也可以解决问题的原因。

提前感谢您的帮助！

Answer 1

它上面的样式强制它在屏幕右侧。

#bag-overview, #bag-close
...
margin: 0 0 0 720px;
... 

导致问题远远向右发送。将其更改为更小的尺寸以查看条形图，您必须从那里决定放置它。

Answer 2

这是#bag元素溢出的问题。我现在将溢出设置为可见，并直接对包含的元素进行更改以隐藏它们。奇怪的是，这适用于所有其他浏览器 - 似乎iOS对溢出有正确的解释：隐藏在我看来。