2016-04-13 26 views
0

Duyarlı sitemi sonlandırmaya çalışıyorum. 'Taşma: gizli' sitemi değiştirmemeye değiştiriyor. Ana görüntü iyi görünmüyor. Ancak, kodumu JSFIDDLE içine koyduğumda, tüm çalışma. Mobil tarayıcılarda resim gösterimini nasıl bulabilirim? Bu benim sitedir: www.przedszkole.pwoj.plTaşma, görüntülerle ilgili sorun yaşıyor

Kodu:

.sec--hero { 
 
    background-image: url(http://przedszkole.pwoj.pl/wp-content/themes/twentysixteen/img/bg-orange.png); 
 
    background-repeat: repeat; 
 
\t overflow:hidden; 
 
}
<section class="sec sec--hero"> 
 
      <div class="inner"> 
 
\t    <div class="cpnt cpnt--hero"> 
 
\t    \t <figure class="cpnt cpnt--hero__image"> 
 
\t      <img src="http://przedszkole.pwoj.pl/wp-content/themes/twentysixteen/img/main-image.png" alt="" /> 
 
\t     </figure> 
 
\t     <h2 class="cpnt--hero__title">Witamy na stronie internetowej Rodziców obecnych oraz przyszłych Dzieci żłobkowych i przedszkolnych</h2> 
 
\t    </div> 
 
      </div> 
 
     </section>

+0

Deng'i denediniz {width: 100%; yükseklik otomatik; } '? – NiZa

+0

@ NiZa, evet. Denedim ve işe yaramadı. – patwoj98

+1

Soruna neden olan her şey, sorunuza dahil etmediğiniz başka bir css olduğunu tahmin ederdim. – JakeParis

cevap

1
.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%; 

mi? Bu sorunun sebebi olabilir, ancak bu durumun atıfta bulunduğumuz sorun olup olmadığından emin değilim.

+0

Evet! Sorun arka plan tekrarındaydı. Neden olduğunu biliyor musun? Birşeyler öğrenmek istiyorum – patwoj98

1

Ayar genişliği: 100%; sorunu çözecek. Bu sınıftaki gerekli background-repeat

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

Sence bu bir netlik sorunu mu? Nasıl teşhis ettin? :) Cevabınızı günceller misiniz? Şerefe. – Martin

+0

Tamam, gerçekten çalışıyor. Ancak menü bundan sonra kaldırılamaz ve 2. bölüm 1'den büyüktür. – patwoj98

+0

Bu bir netlik değil, üzgünüm. Sadece genişlik ayarı: Bu durumda% 100 yeterlidir. Cevabı düzenledim. –