移动设备的CSS定位

我的页面在桌面浏览器上正确显示，但在移动设备上无法正常显示。该网址[问题解决后删除]。左上角的徽标绝对定位。标题下方的div也绝对位于left: 0。目前div#page有position:relative，但我试图把许多包装div的相对定位没有成功。我还在每个单独的php文件中都有php输出缓冲区（例如，header.php，body.php）。移动设备的CSS定位

幻灯片使用一个WordPress插件，它调用jQuery Cycle插件，并且声明绝对和相对定位，所以它可能会导致关于什么是相对和什么是绝对的混淆。但我已经尝试在看起来每个组合中给元素附加相对和绝对定位，但仍然没有运气。

p.s.我知道CSS是一团糟，在计算出这个定位问题后，我打算进行重构。

来源

2012-02-29 dyelawn

如果你尝试用一个浮球离开？ – David 2012-02-29 16:18:28

左侧浮动不能解决问题。我最初基于960网格系统的整个布局，将它们应该呈现的彼此之间的东西浮起来。但我想完成与徽标和内容的重叠效果。 – dyelawn 2012-02-29 16:44:45

看起来你有一个媒体查询在那里添加下面的CSS在某个中断点，这将影响到手机的大小。

#main #content { margin: 0 7.6%; width: auto; }

如果你能确切说明你的感觉是错的移动版本，它可以帮助我们提供更好的答案。你是否正在寻找描述文字在滑块图像下碰撞？

来源

2012-02-29 16:15:11 ckaufman

在移动版本中，标题下的所有内容都被推送到右侧，并且内容的右侧被切断。我认为它受到我对标志绝对定位所决定的像素数量的推动。 – dyelawn 2012-02-29 16:35:01

我想要完成像'

logo

stuff

'这样的标题，它具有固定的高度，可见的溢出和最高的z-index，所以标志看起来好像与内容重叠。 – dyelawn 2012-02-29 16:47:20

移动设备的CSS定位

回答

相关问题