확장하기 요소 전체 화면
Q: 웹페이지에 방사형 그라데이션을 배경으로 적용했습니다.
<code class="css">background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000));</code>
그런데 페이지 콘텐츠가 그렇지 않으면 그라데이션이 흐려집니다. 전체 화면을 차지하지 마십시오.
요소는 항상 전체 뷰포트를 채울 정도로 확장되나요?A: 이를 달성하려면 다음 CSS 규칙을 사용하세요.
<code class="css">html, body { margin: 0; height: 100%; }</code>
이렇게 하면
요소가 페이지의 전체 높이에 걸쳐 있는지 확인하세요. 그 결과 콘텐츠 길이에 관계없이 지속되는 일관된 방사형 그라데이션 배경이 탄생했습니다.위 내용은 전체 화면 배경을 위해 '요소가 전체 뷰포트를 채우도록 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!