Wordpress标头没有使用不同的设备调整大小

时间:2013-05-07 08:52:04

标签: html css wordpress responsive-design

首先,如果我在错误的地方张贴这个,我道歉。

我正在为一个客户开发一个网站,并且正在进入一个几乎准备好发布的阶段,除了一些小的调整。

我正在使用wordpress来开发网站 - 我之前从未使用过wordpress,所以我在学习,因为我一直在努力,我很高兴客户明白这一点。

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

我的电脑上的标题看起来非常好但是当我在手机上打开网站时,标题图像没有缩小,横幅上的文字(位于左侧)就消失了所以你看到的只有一半标题横幅看起来不太好。

我使用Mantra作为主题,我的手机上的响应速度很好,但标题图片永远不会重新调整大小。

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

如果那里的人能指出我正确的方向以便我能克服这个问题,我将不胜感激。

2 个答案:

答案 0 :(得分:0)

标题中的响应使用..在CSS中尝试此操作

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

与你一起改变50%

编辑:

将图像用作背景图像

答案 1 :(得分:0)

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