div의 배경 이미지가 특정 크기보다 작게 접히는 것을 방지하려면 어떻게해야합니까?

Question

저는 (PHP를 사용하여) Wordpress 템플릿을 만들고 있습니다.

내 기본 페이지 설정 :

상단에
1. 탐색 모음 , 따라서 왜 내가 사용하고 (위에 입력/텍스트 승
2. 100 % 폭의 그림 (가 고정되지는 스크롤에 사라집니다) 배경 이미지) 나는 윈도우의 높이의 크기를 조정하려고 할 때

내 문제는 내용의

나머지는()를 작게, 그림이 붕괴, 그리고에 종류의 그것을 밖으로 위에 단어를 잎 공간. 배경 이미지가 단어를 포함하도록 축소되도록하려면 어떻게 코드를 작성하고 거기에 도달하면 축소됩니까? (이미지 하단에 포함). 여기

내 HTML입니다 :

<!-- div w/ BG image --> 
<div id="introParagraph" class="m-b-2 p-y-2">  
    <h1 class="text-xs-left col-xs-10 col-md-offset-1 m-b-1">Our <br> approach</h1> 

<!-- Inner div that styles a paragraph inside pic -->   
    <div class="col-md-3 col-md-offset-1 col-xs-6 m-t-1"> 
    <h3 class="text-xs-left" id="question">How we help you figure out what works for you and your business. <br><br> Click on the icons to learn more. </h3> 
    </div> 
</div> 

그리고 여기 내 CSS의 :

<!--------------- Approach Intro --------------------> 
     <div id="introParagraph" class="m-b-2 p-y-2"> 
      <?php 
       if (have_rows('approach_introduction')):while(have_rows('approach_introduction')):the_row(); 
      ?> 
      <h1 class="text-xs-left col-xs-10 col-md-offset-1 m-b-1"> 
       <?php 
        the_sub_field('page_header'); 
       ?> 
       </h1> 
      <div class="col-md-3 col-md-offset-1 col-xs-6 m-t-1"> 
       <h3 class="text-xs-left" id="question"> 
        <?php 
         the_sub_field('page_description_paragraph'); 
        ?> 
        <br><br> Click on the icons to learn more. </h3> 
      </div> 
      <?php endwhile; 
      else : 
       // no rows found 
      endif; 
      ?> 
     </div> 

IMAGE 무슨 일이 일어나고 있는지 볼 수 있습니다 :

/******** MEDIA QUERIES *********/ 

@media (min-width: 650px){ 

#introParagraph{ 
    background: url("../img/approach.png"); 
    background-size: cover; 
    background-position: center; 
    min-height: 45%; 
} 

마지막으로 여기에 PHP와 전체 코드의

(필자는 큰 그림 위의 흰색 공간에서 수평 탐색하려는 제외) IT가 아래로 스크롤하지 않고, 온로드 모습을 보여 6,

IMAGE :

Answer 1

브랜든, 난 당신이 위치 내면의 사업부를 설정하려는 생각 절대 거기에서 그걸 가지고 놀아 라. 내부 div의 ID를 설정 한 다음 그 위치를 포함하여 외부 CSS의 일부 속성을 지정해야합니다. 위치를 추가해야합니다 : 상대적; introParagraph div도 마찬가지입니다.