2014-04-15 2 views
1

고정 된 높이로 이미지를 반응시키는 방법을 알고 싶습니다. 기준에 대한 고정 된 높이로 반응하는 이미지 배경을 만드는 방법은 무엇입니까?

이 내가 내 이미지가 반응하는 이미지와 부트 스트랩 사용하여 임

http://www.mariaelenabenetti.it/it/

반응 할 할 방법이지만, 화면이 너무 작아 때 이미지 작은 수 있습니다.

내가 원하는 것은 화면이 작아지면 같은 크기를 유지하지만 화면에 맞게 자르기 때문입니다.

미리 감사드립니다.

+0

[** ** 미디어 조회 (https://www.google.se/search?q=media+queries+css&oq=media+queries&aqs=chrome.1.69i57j0l5.1869j0j7&sourceid=chrome&es_sm= 93 & ie = UTF-8) – Ruddy

+2

@ user3535422 당신이 보여준 예제는 고정 된 높이를 가지고 있지 않다. 단지 이미지에'background-size : cover;'를 사용했다. – Pete

답변

1
.image { 
    background: url(yourpath/image.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 
관련 문제