Question

我有一个我正在建设的移动网站，我想要一个位于屏幕底部的徽标。在初始加载时，它可以在横向和纵向模式下正确显示，但在两者之间的方向更改时，位置不会将自身更新到正确的位置。我该如何做到这一点？这是我的css：

#logo { position:absolute; bottom: 10px; right: 10px; }

如果有必要，我可以访问javascript / jquery来定位它，但我更愿意找到一个纯粹的基于CSS的解决方案。我已经在使用媒体查询 - 但整体窗口高度似乎没有在iPhone中正确调整。在android中运行良好。

Answer 1

<body onorientationchange="updateOrientation();">

/* Portrait */

@media screen and (max-width: 320px)
{
    #logo {right: 10px; }

}

/* Landscape */

@media screen and (min-width: 321px)
{
    #logo {right: ___}
}

css - iphone上方向改变的绝对定位

1 个答案: