横幅图形不会响应地填充容器

Question

我在测试站点上有一个页面，我设置的页面与实时站点上的同一页面非常相似。两个站点都使用设置为子主题的 Divi 主题。页面的顶部横幅应该动态调整大小以保持在其容器内。在实时站点上这很好，但在测试站点上却不是。

在

处比较实时网站页面

https://www.intechrahealth.com/product/fenfast-375/

在

https://ab-intechrahealth.pantheonsite.io/product/fenfast-375/

注意“ab”网站，顶部产品横幅是静态尺寸，不会像在现场网站上那样填满其容器。

我比较了两个站点上的代码和 Divi 布局设置。两者的 Divi 布局设置相同。但是，在“ab”站点上，在该图像的 Chrome Inspector 中，通过非活动父主题引用了单独的样式表“style-cpt.css”。似乎正在将自定义帖子类型样式表强加在不在实时站点上的“ab”站点上。但是，style-cpt.css 文件中的 CSS 无论如何都没有优先，并且在 Inspector 中被划掉，因此无论我删除、更改或移动该样式表到活动的子主题，结果都不会改变。

我正在寻求解决问题的帮助。接下来我该怎么做才能让这些网站同意横幅的响应性？

Answer 1

你的代码

<div class="et_pb_row et_pb_row_0">
                <div class="et_pb_column et_pb_column_4_4 et_pb_column_0    et_pb_css_mix_blend_mode_passthrough et-last-child">


                <div class="et_pb_module et_pb_code et_pb_code_0">


                <div class="et_pb_code_inner">
                    <img class="productBanner" src="https://ab-intechrahealth.pantheonsite.io/wp-content/uploads/2017/02/fenfast-banner-new-1.jpg" alt="">
                </div> <!-- .et_pb_code_inner -->
            </div> <!-- .et_pb_code -->
            </div> <!-- .et_pb_column -->


            </div>

改成这个

<div class="et_pb_section et_pb_section_1 et_pb_fullwidth_section et_section_regular">




                    <div class="et_pb_module et_pb_fullwidth_code et_pb_fullwidth_code_0">


                <div class="et_pb_code_inner">
                    <img class="productBanner lazyloading" src="https://ab-intechrahealth.pantheonsite.io/wp-content/uploads/2017/02/fenfast-banner-new-1.jpg" alt="" data-was-processed="true">
                </div>
            </div> <!-- .et_pb_fullwidth_code -->


            </div>

很好用，我看看图片