wordpress 如何使英雄图像完全填充在移动的屏幕上而不破坏质量?[关闭]

x8goxv8g  于 2023-04-29  发布在  WordPress
关注(0)|答案(2)|浏览(138)

已关闭,此问题需要details or clarity。目前不接受答复。
**想改善这个问题吗?**通过editing this post添加详细信息并澄清问题。

7天前关闭
Improve this question
我需要一个英雄形象的帮助,以完美地呈现在移动的屏幕上。
我需要帮助的页面是:

  1. https://www.solarwhiz.com.au/home-ventilation/
  2. https://www.solarwhiz.com.au/commercial-ventilation/industrial-ventilation/
    这些页面在PC或笔记本电脑上渲染都很好。
    任何指导都是非常感谢的。
toe95027

toe950271#

有三种方法。
1.在div中使用带有width: 100%的img标签代替背景图片;
1.在移动的上使div高度变小;
1.获取不同的照片为移动的和改变视图大小;

avwztpqn

avwztpqn2#

在@Kintamasis的回答中提到的方法是完全合法的,我为此做了+1。我还建议使用第一个,它将照顾到完全的响应能力。
如果你只是想使用CSS来修复它,那么它是:

div.et_pb_section.et_pb_section_0 {
    background-size: 100%;
    padding: 16vw 0px;
}

如果你觉得这样行就告诉我。

相关问题