이미지 행 응답 성

나는 검색 중이며 답변을 찾을 수 없습니다. 어쩌면 나는 내 검색을 잘못 말한 것일 뿐이지 만이 이미지 행을 반응 적으로 만드는 데 문제가 있습니다. 윈도우 서로 아래에 있지만 큰 흰색 영역으로 넘어 왼쪽으로 정렬 할 크기를 조정하면이미지 행 응답 성

http://jsfiddle.net/nunotmp/4W2Bc/

나는

@media only screen and (max-width: 960px) { 
#teasercenter { 
width:100%; 
display:inline-block; 
} 
#teasercenter ul li img { 
min-width:100%; 
height:auto; 
} 

}

아래의 미디어 쿼리를 추가했습니다. 그들이 떨어질 때 중심에 올 수있는 방법이 있습니까? 어쩌면 내가 HTML을 구조화하는 방법이 잘못 되었나요? 어떤 도움을 주시면 감사하겠습니다.

출처

2012-12-07 Juan Rangel

죄송합니다. Juan, 나는 당신이 '반응 형'이라는 말을 이해하지 못합니다. –

반응 형이란 화면 크기가 작아지면 이미지가 서로 아래로 떨어지는 것을 의미합니다. 아이디어를 얻으려면 jsfiddle 창을 조정할 수 있습니다. 이미지가 서로 아래에 떠 있습니다. –

일반적으로 데스크톱 용 스타일보다 먼저 미디어 쿼리 외부에서 모든 "공유"스타일을 스타일링하고 미디어 쿼리를 사용하여 좁은 장치에 적합하도록 만드는 것이 좋습니다. – cimmanon

나는 당신이하고 싶은 것을 정확히 모르지만 아마도 display:inline-block;을 찾고있을 것입니다. 그러면 아래에있는 이미지가 가운데에있게됩니다. 부모 요소 나 본문을 text-align : center; 작동해야합니다! 다음과 같이 될 수 있습니다 : http://jsfiddle.net/4W2Bc/10/

출처

2012-12-07 21:22:31 Dion

정확히 내가 무엇을 찾고 있었습니까. 고맙습니다! –

이미지 행 응답 성

답변

관련 문제