CSS3를 사용하지 않고 모니터 해상도를 확인하는 방법

Question

방금 ​​웹 사이트 용 Rails 3.2.9 앱을 배포했습니다. 홈페이지에서 새로운 트위터 위젯을 사용하여 새로운 기능으로 수정할 수있는 것보다 더 많은 기능을 수정할 수 있습니다. CSS3에서 미디어 쿼리를 사용하여 데스크탑 및 모바일 장치에 반응 형 디자인을 갖춘 사이트를 개발했습니다.

이전 위젯이 내 경험에서 너비와 높이에 대한 백분율을 입력 할 수 없다는 것이 문제입니다. 물론 위젯에 대한 도움은 더 이상 제공되지 않습니다. 새로운 트위터 위젯은 너비를 수정할 수 없으며 높이 만 수정할 수 있습니다. 나는 화면 해상도에 따라 Twitter 위젯에 대해 다른 너비를 가질 수 있기를 원합니다. 내가 생각하는 유일한 방법은 이것이 가능 할지도 모른다고 생각한다. html/erb 코드에서 모니터 크기를 어떻게 든 검사 할 수있다.

레일 및 HTML에서이를 확인하는 방법에 대한 정보를 찾으려고 시도한 검색을 수행했습니다. 내가 발견 한 모든 것은 이것이 CSS3 미디어 쿼리를 사용하여 수행되어야합니다.

내 질문 : HTML5 또는 Rails 3의 CSS 미디어 쿼리에 사용 된 미디어 매개 변수를 확인하는 방법이 있습니까?

기본적으로 나는 이와 비슷한 HTML5를 찾고 있습니다.

<script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<% if some media query parameters for smartphones %> 
    <script>Twitter widget</script> 
<% elsif some media query parameters for tablets %> 
    <script>Twitter widget</script> 
<% else %> 
    <script>Twitter widget</script> 
<% end %> 

픽셀 대신 백분율을 사용할 수있는 이전 Twitter 위젯에 도움이 될 수도 있습니다.

도움을 주시면 감사하겠습니다.

Answer 1

내가 아는 한 미디어 쿼리는 화면 크기 정의를위한 픽셀에서만 작동합니다.

자바 스크립트를 사용하여 화면 크기를 확인할 수 있지만 다시 한번 미디어 쿼리를 사용하는 것이 좋습니다. 나는 당신이 당신이 그들을 사용할 수 없다고 말한 것을 알고 있지만 이것이 유일한 선택 인 것 같습니다. http://tweet.seaofclouds.com/ 나는 그것이 미디어 쿼리와 함께 작동합니다 믿게하고 있습니다 :

당신이 트위터 위젯을 시도 할 수

$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document 
$(window).width(); // returns width of browser viewport 
$(document).width(); // returns width of HTML document 

(소스 Get the size of the screen, current web page and browser window) 웹 페이지 크기를 얻기의 자바 스크립트 방법이있다.

Answer 2

내가 내 유일한 옵션은 미디어 쿼리 것을 두려워 http://xoxco.com/projects/code/breakpoints/