html - Wordpress header 不随不同设备调整大小

标签 html css wordpress responsive-design

首先,如果我把这篇文章发错地方了,我深表歉意。

我正在为一个客户开发一个网站,除了一些小的调整外,我几乎已经准备好发布了。

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

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

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

我正在使用 Mantra 作为主题,响应能力在我的手机上运行良好,但标题图像从未调整过大小。

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

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

最佳答案

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

关于html - Wordpress header 不随不同设备调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16414952/

相关文章:

html - CSS3 Nth-child 设置动态左边位置

javascript - 具有三态翻转的动态 jQuery CSS backgroundPosition 根据状态变化

html - 在一个部分的表格内居中

css - Wordpress 并没有提取超棒的字体

html - HTML tbody 的目的是什么?

javascript - Bootstrap 视频超大屏幕

css - 缩放 div 并调整他的父大小

html - css Max-Width 不会调整图像大小

mysql - 使用 wpdb 显示非 wordpress 数据库数据不起作用

wordpress - CSS3 下拉导航