메인그림 늘리는방법
본문
whereculture.com 여기가 사이트주소인데요
들어가면 사진이 가운데로 모여있는데 이걸 컴퓨터 화면에 맞게 꽉차게 늘리는방법좀알려주세요!!
그리고 위에 헤드 메뉴부분 색을 어떻게바꾸나요... 어딜뒤져도 색이없어서 ... 부탁드립니다 ㅠ
초보좀살려주세요 ㅠㅠ
답변 2
해당 사이트는 부트스트랩을 이용한 반응형으로 보입니다.
.container 를 이용해 전체 레이아웃의 크기를 제어하고 있습니다.
원하시는 것이 이미지를 화면에 가득채우는 것이라면 .container 외부에 이미지가 위치해야겠죠.
또한, 해당 이미지가 원하시는 최대 해상도를 고려하여(ex 1920 해상도) 풀사이즈의 너비로 제작되야 합니다.
현재는 이미지의 크기가 1645px 이네요.
혹은, 강제로 해당 이미지의 너비를100%로 지정해야 되는데, 부트스트랩의 .img-respoinsive를 제거하고 이미지를 강제로 늘릴 수도 있습니다. 다만 이경우, 뿌옇게 깨어지고 높이도 비율에 맞게 늘어나거나 감소하지 않기에 추천하진 않는 방식입니다.
헤더부분의 배경색은 .navbar-default 의 background-color 값을 변경하면 되고, .navbar-default .navbar-nav>li>a 의 색상들을 조정하여 메뉴들의 색상을 변경할 수 있습니다.
기본적으로 부트스트랩으로 만들어진 사이트이니 이를 공부하시는 것이 필요합니다.
app.css 에서
#header .container {
width:100%;
}
부분을 로 추가 해보세요~
답변을 작성하시기 전에 로그인 해주세요.