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而不是百分比，你会有更好的运气。百分比是动态的，取决于视口，而像素和ems是静态值，可以提供所需的结果。

CSS - Safari中的问题

1 个答案: