首先，网站 - 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类是我需要修改的类。我google了一下，想出了几个不同的片段尝试，但没有一个工作。以下是我试过的那些。
.preload.me {
width: 100%;
height: auto;
}
preload.me {
width: 100%;
height: auto;
}
我尝试了两种变体，在类名后面添加[style]（没有空格）和/或在CSS值之后重要。
没有任何效果。有人会告诉我，如果我做错了什么，或者有什么东西阻止我重写这种内联风格。此外，如果我的方法完全是错误的轨道，如果我可以采取其他方式。
答案 0 :(得分：3)
如果class="preload-me"
然后您需要将css用作preload-me而不是preload.me
应该是：
.preload-me{}