안녕하세요,다름이 아니라 이번엔 백그라운드 이미지 떄문에 그런데 이미지 크기는 1920x1080입니다.
이걸 이렇게 지정해주면 세로가 부족해서 여백이 심하게 남더군요
그래서 전체 반복을 해주니
이번엔 이런식으로 이미지가 반복되더군요
이미지 하나로 전체를 채울수 있는 방법은 없을까요?
우선 질문하신 내용대로 하나의 이미지를 모든 해상도에 맞춰 사용할수는 없습니다. 웹사이트에 접속하는 유저들의 모니터 해상도는 제각각 다르기 때문이죠 팁을 드리자면 백그라운드 이미지를 만드실때 그라데이션을 이용해 보시길 바랍니다. 즉, 백그라운드 이미지가 세로로 자연스럽게 배경색과 어울리게 하는것이죠. 도움이 되실지 모르겠네요..
여백이 남는게 모니터때문이아니라 본문이 길어서 남는데 이거 무슨 방법 없을까요;
사진 세로 해상도가 본문만큼 되지 않는이상은 힘들려나..
네 본문 길이만큼 이미지가 커져야겠지요. 만약 본문길이가 고정형이라면 이미지 사이즈를 고정시키실수는 있습니다. 대신 이미지가 늘어나 보이기 때문에 쓰지 않는것만 못할수도 있습니다.
다음의 URL을 참고해 보세요~
백그라운드 이미지를 채워주는 팁입니다.^^
http://css-tricks.com/perfect-full-page-background-image/
우선 질문하신 내용대로 하나의 이미지를 모든 해상도에 맞춰 사용할수는 없습니다.
웹사이트에 접속하는 유저들의 모니터 해상도는 제각각 다르기 때문이죠
팁을 드리자면 백그라운드 이미지를 만드실때 그라데이션을 이용해 보시길 바랍니다.
즉, 백그라운드 이미지가 세로로 자연스럽게 배경색과 어울리게 하는것이죠. 도움이 되실지 모르겠네요..
이 댓글을
여백이 남는게 모니터때문이아니라 본문이 길어서 남는데 이거 무슨 방법 없을까요;
사진 세로 해상도가 본문만큼 되지 않는이상은 힘들려나..
이 댓글을
네 본문 길이만큼 이미지가 커져야겠지요.
만약 본문길이가 고정형이라면 이미지 사이즈를 고정시키실수는 있습니다.
대신 이미지가 늘어나 보이기 때문에 쓰지 않는것만 못할수도 있습니다.
이 댓글을
다음의 URL을 참고해 보세요~
백그라운드 이미지를 채워주는 팁입니다.^^
http://css-tricks.com/perfect-full-page-background-image/
이 댓글을