我的页面在桌面浏览器上显示正常,但在移动设备上显示不正确。问题解决后,该url将被删除。左上角的徽标是绝对定位的。头部下面的div也绝对是用left: 0
定位的。目前div#page
有position:relative
,但我已经尝试在许多包装器div上放置相对位置,但都没有成功。我在每个单独的php文件(例如header.php,body.php)中也有php输出缓冲区。
幻灯片使用了一个调用jQuery Cycle插件的WordPress插件,还声明了绝对和相对定位,因此它可能会导致对什么是相对的,什么是绝对的混淆。但我尝试过将相对和绝对位置附加到似乎每种组合中的元素,但仍然没有成功。
附注:我知道CSS是一团糟,我计划在弄清楚这个定位问题后进行重构。
发布于 2012-03-01 00:15:11
看起来你有一个媒体查询,它在某个中断点添加了以下css,这将影响移动设备的大小。
#main #content { margin: 0 7.6%; width: auto; }
如果你能准确地澄清你觉得手机版有什么问题,它会帮助我们给出一个更好的答案。您是否正在寻找要在滑块图像下凹凸的描述文本?
https://stackoverflow.com/questions/9502571
复制相似问题