CSS - Safari 中的问题

Question

在较小的浏览器窗口中，css 在 Safari 中移动 它在 Safari 以外的其他浏览器中看起来很好

看看http://tinyurl.com/mvkkcfg ？在 Chrome 和 Firefox 中 - 然后在 Safari 中进行比较

无论使用何种浏览器或窗口大小，我只需要 OR 图像保持在同一位置

这是我目前使用的代码

    <div style="z-index:10; position:absolute; margin-top:400px; margin-left:335px">
    <img src="http://173.83.251.7/~iworeitb/wp-content/uploads/2013/06/or.png" alt="" />
    </div>

刚试过选项2

我将代码更改为如下仍然没有找到好位置还有其他建议吗？

    <div id = 'O' style="z-index:10; position:absolute; margin-top:20%; margin-left:18%">
    <img name="" src="http://shopiworeitbe.../2013/08/or.png" alt="" /></div>


    #O{
    height: 100%;
    max-height: 100%;
    overflow: auto;
    width: 100%;

http://tinyurl.com/mvkkcfg

还是不准确

请帮忙谢谢

Answer 1

与百分比相比，使用像素或 ems 会更幸运。百分比是动态的，取决于视口(viewport)，而像素和 em 是静态值，将提供所需的结果。