랩톱 및 데스크톱에서만 Parralax 효과를 사용 하시겠습니까?

Question

랩톱 및 데스크톱보기에서만 Parralax 효과를 트리거 할 수있는 방법이 있습니까?

Atm 그러나 다음과 같은 사항이 있습니다. 일부 장치 브라우저에 이미지가 표시되지 않습니다. Safari가 구체적 일 수 있습니다.

.parralax { 

/* Full height */ 
height: 100%; 

/* Create the parallax scrolling effect */ 
background-attachment: fixed; 
background-position: center; 
background-repeat: no-repeat; 
background-size: cover; 
} 

내 HTML은 Parralax 효과를 원합니다 섹션에서이 내용을 참조합니다.

<section id="home" class="home parralax bg-img fix"> 

Answer 1

시차 규칙을 덮어 쓸 수 있도록 외부 스타일 시트를 문서에 먼저 넣어야합니다.

/*Mobile 480px*/ 
/*Desktop 992px*/ 
/*Huge 1280px*/ 

@media screen and (min-width: 480px) and (min-width: 768px), (min-width: 992px), (min-width: 1280px) { 
.parralax { 
    /* Full height */ 
    height: 100%; 

    /* Create the parallax scrolling effect */ 
    background-attachment: fixed; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 
}