【发布时间】:2014-02-17 07:10:49
【问题描述】:
首先是网站——http://www.channeltraveldeal.co.uk/blog
现在 - 没办法了,让我们走吧……嗨,我目前正在修补一个由 WP 支持的朋友业务页面。可悲的是,我在网页设计方面并不是很有经验,我只是比我的朋友了解更多,所以如果有人能够提供帮助,我需要一些帮助。
我正在尝试确保在尽可能多的平台上正确查看它,已使用的主题具有内置的响应设置,这显然有助于解决此问题,但不幸的是,标题图像没有发挥作用并且是太大(仅限平板电脑)。
我读到解决这个问题的最佳方法是将其添加到标题图像的 CSS -
宽度:100%; 高度:自动;
...这是令人困惑的部分(对我来说),我使用 Firebug 来定位图像的 HTML 和 CSS,这就是我发现的 -
HTML - <img width="1010" height="220" alt="Channel Travel Deal" src="http://channeltraveldeal.co.uk/blog/wp-content/uploads/2014/02/ctdlogotrue.jpg" class="preload-me">
CSS(点击链接的 HTML 时从右窗格) - http://pastebin.com/6hyN7yTr
我认为“preload.me”img 类是我需要修改的类。我用谷歌搜索了一下,想出了几个不同的 sn-ps 来尝试,但都没有奏效。这是我尝试过的。
.preload.me {
width: 100%;
height: auto;
}
preload.me {
width: 100%;
height: auto;
}
我尝试了这两种变体,在类名之后添加了 [style](没有空格)和/或在 CSS 值之后添加了 !important。
没有任何效果。如果我做错了什么,或者是否有什么阻止我覆盖这种内联样式,有人会告诉我。另外,如果我的方法完全走错了路,我能不能用其他方法。
【问题讨论】:
-
您的问题中发布的链接没有响应
-
您好,抱歉,我不小心链接到了错误的页面,我现在使用适当的链接进行了编辑。