이런 사이트 바탕화면은 어떻게 만드는건가요?
본문
부트스트랩을 이용한 사이트인데
저렇게 화면에 꽉차게 하려면 어떻게 해야되는건가요?
어떤해상도에서든 꽉차는 바탕화면이었으면 좋겠는데
조언좀 부탁드립니다.
답변 1
바탕화면을 화면에 가득채우는 기법은 여러가지가 있습니다.
CSS3를 지원하는 브라우저에서는 background-size: cover 로 가능하고,
object-fit 속성을 이용할 수도 있습니다.
또한, 구형브라우저에서는 이미지를 absolute 포지셔닝을 이용해 비슷한 효과를 내기도 합니다. 관련해서 구글에서 검색하면 여러가지 정보를 얻으실 수 있을겁니다.
문의하신 사이트는 캐러젤(슬라이더) ID명 자체가 full-width-slider 인것으로 보아 해당 페이지에 사용된 캐러젤 플러그인 자체가 화면을 가득채우는 기능을 포함하고 있습니다. 이 또한 검색을 통해 수많은 캐러젤 플러그인들에 접근가능하니 그 중에 원하시는 플러그인을 이용해보시면 되겠죠.
여담으로, 부트스트랩으로 제작되었다고 해서 부트스트랩에서만 제공하는 기능들을 사용하진 않습니다. 많은 경우 필요한 일부분만을 가져오고 부트스트랩과 상관없는 코드들로 이루어지죠.
답변 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
