我正在一个Wordpress网站上工作, 在那里我有一个背景图像作为我的徽标, 而我的实际标题图像是透明的。由于标题图片在移动设备上调整大小的方式, 在手机上查看时, 我的徽标(背景图片)与其下方的所有内容之间都有很大的空白空间。在台式机和平板电脑上看起来很棒。
有没有办法我可以仅在电话上调整透明标题图像的高度, 而不会在台式机或平板电脑上弄乱它的大小？
如果需要, 你可以在这里查看我的网站。
#1
在实际代码中显示起来会更容易, 但是你可以调整大小, 仅使其影响你通过媒体查询定义的大小-在此处了解更多信息
如果查看屏幕截图, 你会看到一个标签的高度为150px。如果稍加调节, 徽标和菜单之间的距离就不会那么远。
这是一个示例, 它将仅在小于450px的尺寸上对.header-image .site-title上的高度进行新的更改。
@media screen and (max-width: 450px) {
.header-image .site-title a {
height: 100px;
}
}
【调整标题图片仅适用于手机吗（）】max-width表示屏幕小于450px时, 最小宽度将结束。这只是一个示例, 你可以将其更改为你喜欢的任何内容, 当然也可以添加多个媒体查询。
文章图片
推荐阅读
- 调整WordPress标头中的图标大小
- 使用URL调整WordPress中图像的大小
- 从WordPress中删除列的填充
- WordPress主题中的重置/刷新搜索表单按钮
- 在WordPress管理员中替换user-edit.php页面
- 在免费的wordpress主题中对section进行重新排序
- 在macOS的Safari上删除正文行右侧的不需要的白色填充
- 当容器= false时删除WordPress包装器Div失败
- Zabbix latest.php SQL注入漏洞（CVE-2016-10134）