2012-01-02 2 views
1

나는 ipad보기에 저에게 과도한 문제를주고있는 웹 사이트가 있습니다. (muy에 대한 다른 질문을 확인하고 수정하는 것에 대한 아이디어가 있다면 내 영웅이 될 것입니다!)파이어 폭스로 CSS 미디어 전용 화면을 위조 할 수 있습니까?

이 작업을하기 위해 내 PC에서 Firefox를 사용하여 내 사이트를 보려고했습니다. 내 ipad (firebug 애드온과 함께)를 사용할 때의 크기는 어떻습니까?

질문 : CSS에서, 내가 사용 @media 만 화면 (분-장치 폭 : 768px) 및 (최대-장치 폭 :가 1024px)와 (오리엔테이션 : 가로) { ... }

이것은 파이어 폭스가 선택하지 않은 것으로 보입니다. 그래서으로, 아이 패드라는 정의 된 새로운 형태와 http://chrispederick.com/work/user-agent-switcher/

: 파이어 폭스, 나는 여기에 부가 기능을 사용하고 모질라/5.0 (아이 패드, U, CPU의 OS 맥 OS X와 ​​같은 3_2; EN-US) AppleWebKit/531.21.10 (Gecko와 같은 KHTML) 버전/4.0.4 Mobile/7B334b Safari/531.21.10 (다른 값은 변경하지 않았으며 "user-agent"옵션 만 변경했습니다. 그게 내가 "ipad", 그래서 나는 그것이 작동하는 것 같아요)

그러나, 내 CSS 파일 (또는 오히려, 수정 된 버전이 통과되지 않습니다)지고있다. 이 가능성이 높습니다 : 방화 광에서 문제가 발생했습니다. 그리고 CSS가 렌더링되고 있습니다. 또는 사용자 에이전트 전환기에 문제가 있으며 그게 무엇이든간에 - 그게 무슨 CSS를 사용해야할지 모르겠다는 것을 알고 있습니다. pc 또는 내 CSS 전환에 문제가 있습니까?

환호!

답변

2

CSS3 media query not working 살펴보고 두 번째 대답은 문제

를 해결할 수 기본적으로 생각이 장치 폭을 숙지 http://css-tricks.com/resolution-specific-stylesheets/

에서 (min|max)-width

(min|max)-device-width을 변경하는 것입니다, 브라우저 윈도우의 현재 너비가 아닙니다. iPhone (3G)에서 480px를 의미합니다. 멋진 MacBook Pro는 1920px를 장치 너비로 반환 할 것입니다. 하지만 내 실제 브라우저 창은이 정확한 순간에 절반에 불과합니다. 장치 너비는 브라우저가 사용 중일 때마다 항상 화면의 100 % 인 모바일 장치를 처리 할 때 매우 유용하지만 노트북/데스크톱 브라우저에서는 유용하지 않습니다.

관련 문제