현재 내 포트폴리오 웹 사이트를 구축 중입니다. HTML과 CSS를 사용하고 있습니다. 내 배경에 사용하고있는 이미지가 있지만 배경은 화면의 크기에 관계없이 같은 크기로 유지됩니다. 어떤 코드를 사용해야합니까? 내 코드를 CSS3/HTML5로 업그레이드해야합니까? 그렇다면 그 코드는 무엇입니까? 시간 내 주셔서 대단히 감사 드리며 시간을내어 도와 드리겠습니다. 이것은 내 작업을 보여줄 때 견딜 수없는 세부 묘사와 거대한 끊임없는 노력입니다.화면에 맞게 HTML 및 CSS 배경 이미지 조정
0
A
답변
2
background-size : 100% auto
이 거 설정 폭 100 %, 높이 자동으로
항상 잘 검색 당신이 질문을 게시하기 전에,이 초보자로서 좋은 참고가 될 수 있습니다
1
아래 코드를 살펴보십시오.
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
+0
안드로이드에서는'body {...} '대신'html, body {...}'를 사용할 때만 효과가있었습니다. – Edward
관련 문제
- 1. Android : 규모에 맞게 TextView 배경 이미지 조정
- 2. ipad 화면에 맞게 이미지 및 비디오 크기 조정
- 3. div에 맞게 배경 이미지 크기 조정
- 4. CSS가있는 페이지에 맞게 div 및 배경 이미지 크기 조정
- 5. HTML 및 CSS 배경 이미지
- 6. 화면에 맞게 배경 이미지의 크기를 변경하십시오.
- 7. 배경 이미지 크기 조정 CSS
- 8. HTML/CSS 사업부 및 배경 이미지
- 9. 을 통해 HTML 및 CSS ie8의 배경 이미지 크기 조정
- 10. 화면에 맞게 동영상 크기 조정
- 11. 작은 화면에 맞게 크기 조정
- 12. CSS 배경 이미지 높이 조정
- 13. 크기 조정 배경 이미지
- 14. iPhone 화면에 맞게 웹 페이지 크기 조정
- 15. CSS/HTML 인쇄 배경 이미지/브라우저없이 스타일 페이지 설정 조정
- 16. CSS : 잘라 내기보다는 배경 이미지 크기 조정
- 17. 본문의 CSS 이미지 배경 자동 크기 조정
- 18. style.background - (. ESP 모바일) 화면에 맞게 - JS, HTML, CSS
- 19. 가로 해상도와 세로 해상도에 맞게 자르기위한 배경 이미지 크기 조정
- 20. CSS를 사용하여 화면에 맞게 크기를 조정
- 21. HTML/CSS 인라인 배경 이미지
- 22. 모든 크기의 화면에 맞게 이미지 위치 지정
- 23. 내용에 맞게 배경 크기를 조정 하시겠습니까?
- 24. 배경 테두리가있는 HTML CSS 이미지
- 25. 부트 스트랩 CSS/HTML 배경 이미지 크기 조정
- 26. 상단 이미지, 반복 배경 및 하단 이미지 ... HTML 및 CSS
- 27. Android/phonegap - 화면에 맞게 내 배경 이미지 늘리기
- 28. CSS 그라디언트 배경 조정
- 29. IE 및 Firefox의 CSS 이미지 크기 조정
- 30. 이상한 CSS 배경 이미지 크기 조정
가능한 [CSS 배경 i 폭에 맞게 마법사가 자동 비율로 비율을 조정해야합니다.] (http://stackoverflow.com/questions/9262861/css-background-image-to-fit-width-height-should-auto-scale-in-proportion) –