css - 如何使我的标题图片正确响应?

标签 css wordpress responsive-design

我正在尝试使用非常好的高级 Wordpress 主题为 friend 建立一个网站。我已经为主题付费,但设计师不会帮助定制。

该站点当前位于 www.zerocarbonfood.co.uk/test/ .最初主题有一个小的左对齐 Logo ,但我的 friend 喜欢这个大的全 Angular Logo ,我认为它效果更好。现在的问题是,我在 iPad 或 iPhone(纵向)上查看它时, Logo 太大而搞砸了。在主题选项中,它被定义为 922px 宽度和 168px 高度。我不能在那里放一个百分比值。我可以在 CSS 的某个地方覆盖它吗?

如有任何帮助,我将不胜感激,因为我有点力不从心。

最佳答案

尝试使用 max-width: 100%; height: auto; 这应该正确调整图像的大小。

关于css - 如何使我的标题图片正确响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17722132/

相关文章:

html - css 幻灯片中的链接

javascript - 无法从注入(inject)另一个 div 的 div 获取动态十六进制代码属性

wordpress - 背景图片 WordPress SEO

php - 如何集成 PayPal 快速结账?

css - 边距:当屏幕尺寸缩小时,自动仍然在右侧折叠

javascript - jqmobile listview中元素之间的间距相等

html - 在特定分辨率后停止更改 CSS 样式 - 媒体查询?

php - 插件无法激活,因为它触发了 fatal error : unexpected 'require_once'

javascript - 调整屏幕大小后子菜单不显示

html - Bootstrap 4 img-responsive 一排