JavaScript를 사용하여 화면 크기를 변경할 수 있습니다.

Question

zurb foundation의 모바일 경험을 바탕으로 나는 반응 형 디자인을 개발했습니다. 이제 내 고객은 사이트가 모바일 또는 태블릿에서 열릴 때 푸터에서 명시적인 링크 "데스크톱 버전보기"를 요구합니다.

두 가지 옵션이있는 것 같습니다 :

• 드롭 재단 및 (그리드 기반 코어 CSS에서 선택 규칙을 아마도 추출) 새로운 CSS 파일을 만들; 하나는 데스크톱 용이고 다른 하나는 모바일 용입니다. 그런 다음 쿠키 값 또는 URL 쿼리를 기반으로 CSS 파일을로드하십시오. (긴 메서드)

• JavaScript를 사용하여 화면 크기 (최대 너비, 최소 너비 ..)를 수정하면 미디어 쿼리가 잘못된 정보를 얻고 올바른 결과를로드합니까? (상상력)

두 번째 옵션이 가능합니까? 거기에 또 다른 (쉬운) 방법이 있습니까?

Answer 1

예, 메타 태그를 수정할 수 있습니다. 나는 프로젝트를 위해 그것을 잠시 후에 해냈고 github에서 플러그인/플러그인을 가지고 있습니다 : https://github.com/Trolleymusic/minWidth - 이제 막 당신을 위해 몇 가지 데모로 업데이트했습니다.

당신은 모더 나이저를 포함해야하거나

당신은 단지 다음과 같이 실행 작동하지 않습니다

x는 당신이 원하는 최소 폭은

minWidth(x); 

. 휴대 전화에

두 데모 파일의 차이점 체크 아웃 : 미디어 쿼리가 잘못된 정보를로드 바로 결과 (상상력)를 얻을 수 있도록 "

http://waynedurack.com/minWidth/demos/without.html