>source

모바일이 매우 희미 해집니다 .

그러나 DevTools가 정확합니다 .

정말 이상하다, 고치는 방법?

.contact
  padding: 80px 30px
  color: #fff
  background: #151515 url('../src/assets/images/about.jpg') no-repeat fixed left bottom
  min-height: 100%
  background-size: cover
  position: relative

  • 답변 # 1

    테스트 할 코드가 없다면 문제는 fixed 에서 비롯된 것 같습니다  속성 : https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment

    제거하면 뷰포트에 맞는 이미지를 표시하고 표시 할 수없는 부분을 자릅니다. 이미지가 뷰포트보다 훨씬 크기 때문에 고정을 사용하면 현재 뷰포트에 맞는 이미지 부분이 표시됩니다.

    시도해보십시오 :

    background: #151515 url('../src/assets/images/about.jpg') no-repeat left bottom;
    
    

  • 답변 # 2

    휴대 전화에서 배경 이미지가 올바르지 않습니다. CSS 배경 크기의 모바일 :

    background-size: contain;
    
    

관련 자료

  • 이전 최고의 Reactjs 프로젝트 구조 폴더를 만드는 가장 좋은 방법
  • 다음 r - 벡터 및 업데이트 열을 기반으로하는 그룹 값