자동 피팅 컨텐츠?

나는 http://staffanstorp.se/이 내용을 흐를 수있는 능력이 있는지 알고 싶다. (내가 틀렸다면 그 말은 나를 교정해라.) 또한 태그를 변경하여 사람들이 답변을 찾을 때 다른 사람들이이 게시물을 찾을 수 있도록합니다. 찾기가 어려웠 기 때문에 답을 얻을 수 있습니다.자동 피팅 컨텐츠?

어쨌든, 저를 위해 가능한 jquery 플러그인을 찾기 위해 웹을 추적했습니다. 위의 사이트는 내가 필요한 것입니다. D

찾을 수있는 유일한 방법은 콘텐츠 용으로 자동 크기 조정의이 유형을 완료했지만이 사이트는 제비!

출처

2011-12-16 Giles Wilkinson

'responsive design'을위한 google 검색이 있습니다. 그걸 시작해야합니다 ... – ptriek

멋진 사이트 .. 좋은 질문 .. 처음에는 jQuery를 생각했습니다 ..하지만 CSS는 꽤 펑키하고 @media stuff in 대답은 제가 결코 탐구하지 않은 무언가입니다 .. – ppumkin

liquid css layout과 결합한 media queries을 사용하면됩니다.

그렇지 않으면 방화 광을 설치하고 코드 분석을 시작하십시오.

출처

2011-12-16 12:22:19 easwee

아마도,하지만 훨씬 더 앞서 있다고 생각합니다. 모든 것이 눈에 보이지 않으며 여러 jquery 스크립트로 작성된 경우 개발자 측에서 약간의 기술이 필요합니다. D. –

@ Giles Wilkinson Ofcourse 거기에 관련된 몇 가지 기술이 있습니다 - 그래서 당신이 지불/지불 코딩 ... – easwee

이 작업은 CSS 파일에서 미디어 쿼리를 사용하여 수행됩니다. 예를 들어

@media screen and (max-width: 1024px){ 
img { 
    width: 400px; 
    height: 400px; 
    margin-left: -512px; } 
} 

@media screen and (max-width: 512px){ 
img { 
    width: 200px; 
    height: 200px; 
    margin-left: -512px; } 
}

이 CSS는 화면이 512px 이하 넓은 때 화면이가 1024px 이하 폭 200 픽셀로 제한하는 경우 모든 이미지는 400 픽셀로 크기를 제한하는 규칙을 제공합니다.

다른 화면 크기에 대해 작동하는 별도의 규칙을 생성하면 이러한 종류의 동적 레이아웃을 제공 할 수 있습니다.

두 번째 방법은 고정 된 용어로 아무것도 정의하지 않는 것입니다. % widths 등을 사용하면 페이지가 어떤 크기에도 맞게 표시 될 수 있으며 화면 크기가 너무 작아 질 때 위의 미디어 쿼리를 사용하여 콘텐츠를 이동할 수 있습니다.

희망이 도움이됩니다.

출처

2011-12-16 13:55:39

이 규모는 실시간으로 또는 페이지 렌더링에 종속됩니까? –

@ Giles Wilkinson - 실시간으로 확장됩니다 - 브라우저의 크기를 조정할 때마다 수표가 발행됩니다. – easwee

자동 피팅 컨텐츠?

답변

관련 문제