수평 반응 레이아웃

Question

여기 수평 반응 레이아웃을 얻으려고했다. http://ragzor.com/neutron 5 시간 동안 좋아 졌어. jquery를 사용하여이 작업을 수행 할 수 있었지만, 드라이버를 사용하여 망치의 일을 할 수 있다고 생각한다 :) 무엇이든 나 또한 위치 절대 값과 상대 값을 사용하여 시도해 보았습니다. 슬라이드가 최대 너비를 사용하고 있기 때문에 슬라이드가 깨졌습니다. (이유는 확실하지 않습니다.)

이렇게하려면 가장 좋은 방법은 무엇일까요?

감사합니다.

Answer 1

@Dinesh가 옳습니다. Responsive Design에 대한 자습서부터 시작해야합니다. 이것들은 모두 거의 CSS3 Media Queries를 포함하도록 보장됩니다. 반응 형 디자인 자습서의 집합체는 http://www.hongkiat.com/blog/responsive-web-tutorials/입니다. floats을 사용하면 플로팅 요소가 문서 흐름에서이를 제거하므로 많은 양의 반응 형 디자인을 원할 때 까다 롭거나 위험 할 수 있습니다. 희망이 도움이!