Vue 애플리케이션에서 신비한 흰색 영역을 제거하는 방법은 무엇입니까?

Question

Vue 3를 사용하여 웹사이트를 구축하고 배경 이미지를 설정하려고 합니다. 하지만 제거할 수 없는 신비한 흰색 부분이 있습니다. 모든 여백과 패딩을 0으로 설정하고 모든 ml,pl 클래스를 제거했기 때문에 여백이나 패딩이 아니라고 확신합니다. 애플리케이션 컴포넌트의 검정색 배경색을 검정색으로 설정했는데 해당 영역이 여전히 흰색입니다. Chrome의 검사 도구에서는 이것이 HTML 요소라고 말합니다. 도와주세요. (백그룹 이미지는 Login.vue의 스타일 섹션에 넣었습니다.)

브라우저 검사기의 정보:

살충제 확인:

으아아아 으아아아

Login.vue의 스타일 섹션에 백그룹 이미지를 넣었습니다.

으아아아 으아아아 으으으으

Answer 1

부트스트랩 클래스 사용容器페이지 콘텐츠를 래핑하면 최대 너비가 전체 화면 너비보다 작아집니다. 문서는 각 중단점의 최대 너비 값을 보여줍니다. 뿐만 아니라 부팅 컨테이너도 채워집니다.

빈 공간을 제거하려면 컨테이너 너비를 100%로 설정하거나 클래스 이름을 사용해야 합니다 container-fluid ，它可以做同样的事情，并且还可以删除你可以用类做的填充p-0

으아악

그런데, 대규모 CSS/구성 요소 프레임워크인 Element Plus와 Bootstrap을 모두 사용하신 것으로 확인되었습니다. 앞으로는 두 프레임워크와 서로 경쟁하는 CSS 스타일 간에 좌절스러운 충돌이 많이 발생할 가능성이 높습니다. 이 프레임워크 중 하나만 사용하는 것이 좋습니다!