2014-03-30 6 views
0

현재 내 포트폴리오 웹 사이트를 구축 중입니다. HTML과 CSS를 사용하고 있습니다. 내 배경에 사용하고있는 이미지가 있지만 배경은 화면의 크기에 관계없이 같은 크기로 유지됩니다. 어떤 코드를 사용해야합니까? 내 코드를 CSS3/HTML5로 업그레이드해야합니까? 그렇다면 그 코드는 무엇입니까? 시간 내 주셔서 대단히 감사 드리며 시간을내어 도와 드리겠습니다. 이것은 내 작업을 보여줄 때 견딜 수없는 세부 묘사와 거대한 끊임없는 노력입니다.화면에 맞게 HTML 및 CSS 배경 이미지 조정

+0

가능한 [CSS 배경 i 폭에 맞게 마법사가 자동 비율로 ​​비율을 조정해야합니다.] (http://stackoverflow.com/questions/9262861/css-background-image-to-fit-width-height-should-auto-scale-in-proportion) –

답변

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

관련 문제