Question

我尝试结束自己的响应式网站。我的'溢出：隐藏'将我的网站更改为无响应。主要形象不佳。但是，当我将代码放入JSFIDDLE时，一切正常。如何解决在移动浏览器上显示图像的问题？这是我的网站：www.przedszkole.pwoj.pl

代码：

<section class="sec sec--hero">
            <div class="inner">
	            <div class="cpnt cpnt--hero">
	            	<figure class="cpnt cpnt--hero__image">
	                    <img src="http://przedszkole.pwoj.pl/wp-content/themes/twentysixteen/img/main-image.png" alt="" />
	                </figure>
	                <h2 class="cpnt--hero__title">Witamy na stronie internetowej Rodziców obecnych oraz przyszłych Dzieci żłobkowych i przedszkolnych</h2>
	            </div>
            </div>
        </section>

 #pragma mark - NSURLSession delegate

Answer 1

设定宽度：100％;将解决问题。

.sec--hero {
    background-image: url(http://przedszkole.pwoj.pl/wp-content/themes/twentysixteen/img/bg-orange.png);
    background-repeat: repeat;
    overflow:hidden;
    width: 100%;
}

Answer 2

.sec--content::after {
    content: '';
    background-image: url(../img/line-white.png);
    /* background-repeat: no-repeat; */
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 15px;
    width: 100%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    max-width: 100%;

此课程需要背景重复吗？这可能是问题的原因，但我不确定这是否是我们所指的问题。

溢出有图像问题

2 个答案: