0

首先,如果我将其发布在错误的地方,我深表歉意。

我正在为客户开发一个网站,并且正处于几乎可以发布的阶段,除了一些小的调整。

我正在使用 wordpress 开发网站——我以前从未使用过 wordpress,所以我在学习的过程中一直在学习,我很高兴客户能理解这一点。

我遇到的问题与标题图像有关。我通过进入Appearance->Header并选择存储在我的硬盘上的图像上传了标题图像。

标题在我的 PC 上看起来非常好,但是当我在手机上打开网站时,标题图像不会按比例缩小,并且横幅上的文字(位于左侧)只是消失了,所以你看到的只是标题横幅的一半这看起来不太好。

我正在使用Mantra作为主题,并且响应能力在我的手机上运行良好,但标题图像永远不会重新调整大小。

我在这里花了一些时间尝试其他人的建议,最常见的解决方案在这里找到:链接但是我不确定要添加代码到哪个 CSS 文件。

如果有人可以为我指出正确的方向,我将不胜感激,这样我就可以克服这个问题。

4

2 回答 2

0

尝试使用height图像:height:100%;它可能使它看起来有点拉伸。或者你可以让图像高度更高,如果它是背景图像,它会切断你需要的东西

于 2013-05-07T09:29:01.847 回答
0

在标题中使用响应式.. 在你的 CSS 中试试这个

.header {
background-size: 50%, auto
}

用你的改变 50%

编辑 :

使用图像作为背景图像

于 2013-05-07T08:59:29.620 回答