CSS : 나는 HTML 문서의 구조 다음 한 화면 resulution

에 따라 서로 다른 폭을 사용 :CSS : 나는 HTML 문서의 구조 다음 한 화면 resulution

<body> 

<div class="main"> 
    <div class="left"></div> 
    <div class="center"></div> 
    <div class="right"></div> 
<div> 

</body>

는 화면 resulation에 따라 main, left, center 및 right에 대해 서로 다른 폭을 정의 할 수 있습니다. 예를 들어 화면 해상도가 1280 이상인 경우 주 폭은 1140 픽셀이어야합니다. 1280 이하이면 폭은 960 픽셀입니까? 감사합니다. .

추신. 너비를 %로 정의 할 수 있다는 것을 이해하지만 2 개의 고정 너비를 정의 할 수 있는지 알고 싶습니다.

출처

2012-01-10 user1117313

CSS 만 사용하면 미디어 쿼리를 사용할 수 있습니다. Here's the spec 및 some examples. 모든 브라우저가이 기능을 지원하지는 않습니다.

출처

2012-01-10 09:44:24 jeanreis

윌 일반 CSS는 내가 아닌 CSS3 의미로이 작품? – Maheep

스펙은 CSS 2.1의 일부입니다. 이것은 많은 의미가 아닙니다. 현재 브라우저 지원 => http://caniuse.com/css-mediaqueries – jeanreis

@Maheep - CSS 3는 일반적인 CSS입니다. 버전 번호에 매달리지 말고 브라우저 지원에 대해 걱정하십시오. – Quentin

여기에 자바 스크립트를 사용하십시오. Jquery는 더 나은 구문을 제공 할 수 있습니다. screen.width을 사용하여 사용자 화면 너비를 얻은 다음 적절하게 콘텐츠의 크기를 조정하십시오.

출처

2012-01-10 09:43:25 Maheep

이것은 너비와 높이를 확인하는 데 사용할 수있는 JavaScript입니다.

<script type="text/javascript"> 
document.write(screen.width+'x'+screen.height); 
</script>

참조 .. http://andylangton.co.uk/articles/javascript/browser-screen-resolution/

출처

2012-01-10 09:44:59 Murtaza

이 달성 할 수 사용하여 자바 스크립트 :

<script language="javascript"> 
if ((screen.width>=1024) && (screen.height>=768)) { 
    alert('High resolution'); 
} else { 
    alert('Low resolution'); 
} 
</script>

출처

2012-01-10 09:45:41 Orentet

CSS : 나는 HTML 문서의 구조 다음 한 화면 resulution

답변

관련 문제