1

为了在我的网站上为不同的页面设置不同的样式,我有一个 .subpage 类,我将条件应用于不是 index.php 文件的任何页面。条件是这样的:

<body{if segment_1} class="subpage"{/if}>

这段代码主要只做一件事。在主页上,我的标题很高,并且有多个背景图片(3)。在子页面上,它是一个较短的标题,并且只使用一个图像。

它在各种浏览器上都可以正常工作,但无论出于何种原因,在我的 ipad 上,它都希望将更高的标题(用于主页的标题)也应用于所有子页面。几乎就好像它不承认条件一样。如果我添加一个!在有条件的情况下,我在其他浏览器上得到完全相同的症状。

有没有其他人看过这个?

我不确定哪些代码对调试有帮助,所以如果您想查看任何内容,请告诉我,我将进行编辑以包含代码。如果您想查看该网站以了解我在说什么,它在这里:

我的网站

我不确定这是一个 EE 问题还是只是一个普通的浏览器问题,也许我应该从 stackoverflow 开始,但老实说......这里的人更好而不是居高临下。

4

1 回答 1

2

这是一个 CSS 特异性问题。添加background-size:initial到您的.subpage规则集中,使其覆盖在 < 900px 宽的媒体查询中指定的背景大小。

于 2013-03-10T14:53:48.053 回答