배경 이미지를 화면 크기에 맞게 조정하는 방법은 무엇입니까?

-1

화면 크기에 맞게 페이지의 배경 이미지 크기를 조정하거나 조정할 수있는 방법은 무엇입니까? HTML 코드 또는 CSS 파일에 해당 코드가 삽입됩니까? 편집 : 찾을 솔루션은이 추가 :배경 이미지를 화면 크기에 맞게 조정하는 방법은 무엇입니까?

style="background-size:100% 100%"

당신이 당신의 이미지 소스가 몸 태그에.

출처

2017-10-12 Myko

당신이 적어도 시도 자신이 코딩 할 것으로 예상된다. 스택 오버플로는 코드 작성 서비스가 아닙니다. 나는 당신이 [** 추가 연구 **] (http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) Google을 통해 또는 SO를 검색하여 시도하고 시도하십시오. 문제가 계속되면 ** 코드 **로 돌아와서 시도한 내용을 설명하십시오. –

노력 없음 응답 없음 –

나는 이것이 어떻게 행해졌는지 전혀 모르겠다. 그래도 CSS를 사용할 수는 있지만이 jQuery 플러그인을 사용한다. btw ... 10 초 만에 인터넷 검색 - https://responsivedesign.is/resources/javascript-jquery/backstretch –

당신은 background-size: cover를 사용할 수있는 폭 모두에 이미지를 확장 할 수 높이. 베스트 프랙티스를 따르면이 파일을 CSS 파일에 추가해야합니다.

See W3CSchools for examples.

출처

2017-10-12 14:37:26

감사합니다! 나는 그것을 시도 할 것이다 – Myko

좋은 대답, 나를 위해 일했다. – Glen

이 당신이 뭘하려 보여주는 코드 샘플은 아니지만, 내가 당신을 도와이 같은 시도하려고합니다 :

body { 
    background-image:url("imagepath"); 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
} 
html { 
    height: 100% 
}

출처

2017-10-12 14:27:46 alexay68

도움을 주셔서 감사합니다! :) – Myko

문제가 해결 된 경우 문제의 해결책으로 태그를 지정하십시오 – alexay68

배경 이미지를 화면 크기에 맞게 조정하는 방법은 무엇입니까?

답변

관련 문제