0

부트 스트랩으로 모험을 시작한 순간 코드에 반응적인 디자인을 갖게되었습니다. 이것은 내가 구입 한 프로젝트이며 이제 클릭 할 수있게해야합니다 :) bootstrap 그리드를 기반으로 이루어졌으며 1920px width입니다.Div 부트 스트랩에 대한 백그라운드 스켈링

내 질문은 :이 요소 background 만드는 방법 (배경 이미지 및 sepparately 또는 함께 하나 개의 레이어에 흰색 프레임을 - 더 나은 어떤 모르는) 반응 retina 모든 others devices에 맞게. 나는 image resolutions (1920px to 1200px에서)과 많은 CSS 명령으로 시도했지만 항상 망막에서는 전혀 다르게 보입니다. 아마 그것이 큰 화면의 다른 열 너비에 연결되어 있지만 그것을 처리하는 방법을 모르겠다.

나는 모든 종류의 도움을 줄 것입니다.

여기 디자인 요소를 볼 수 있습니다 here

+0

코드로 작성하십시오. 방금 시도한 내용은 무엇입니까? –

+0

나는 다음과 같이 시도했다 : background : url (images/bg.jpg) no-repeat 중심점 고정; -webkit-background-size : 표지; -moz-background-size : 표지; -o-background-size : 표지; background-size : 표지; 및 background-size : 100 % 100 %; 외 다수. 내 문제는 잘못된 이미지를 배경으로 포함하고 있지만 제대로 준비하는 방법을 모를 것이라고 생각합니다. – Piotr

답변

0

미디어 쿼리를 사용하십시오. 다양한 화면 크기에 대해 다른 배경을 배치하십시오.