2016-09-03 2 views
1

버튼으로 Chrome 브라우저의 너비를 조정하는 방법을 찾고 있습니다. 우선적으로 JQuery를 사용합니다. 내 목표는 데스크톱 사용자에게 웹 사이트의 모바일 버전을 표시하는 것입니다.JQuery를 사용하여 브라우저의 너비를 조정하십시오.

나는 BODY 태그의 크기를 조정하여이 작업을 수행 할 수 있다는 것을 알고있다. (분명히 더 쉽다)하지만 궁금하다.

이 질문에 신뢰할 수있는 답변을 찾지 못했지만 이미 요청한 경우 미안합니다.

기타 아이디어는 언제나 환영합니다.

감사합니다. :)

+0

'$ ('body'). 너비 (500)'는 아무 것도하지 않는 것 같습니다. body 태그의 크기를 조정하면 말한대로 할 수 있습니까? – Barmar

+0

$ ("# button"). ((너비 : '360px' ), 1000); }) (function() { $ 이것은 내가 추측하는 작업을 수행해야합니다. 호기심이 생겨서 해봐야 해. –

답변

2

FF7 이후의 다른 브라우저는 다른 탭이없는 창을 만들지 않는 한 window.resizeTo (x, y)를 지원하지 않습니다. 이것은 악의적 인 웹 사이트 코드를 방지하기위한 것입니다.

확인에 대한 사항이 MDN Window.resizeTo() help : 웹 사이트는 다음과 같은 규칙에 따라, 브라우저의 창 기본 크기를 변경하는

파이어 폭스 (7) 때문에, 더 이상 가능하지

:

window.open으로 작성되지 않은 창이나 탭의 크기를 조정할 수 없습니다.

두 개 이상의 탭이있는 창에있는 창이나 탭의 크기는 조정할 수 없습니다.

언급 한 것처럼 지정한 크기의 새 창을 열면 모바일 경험을 미리 볼 수 있습니다. 양자 택일로, 당신은 지정된 크기와 함께 IFrame을을 만들 수 있습니다

<iframe src="/mobile" width="200" height="200"> 
+1

아마도 그 이유는 아마도 내가 아무것도 찾지 못했을 것입니다. 새 창을 여는 것이 아마도 UX-Wise를위한 최선의 방법은 아니지만 해결책이 효과가있을 것입니다. 도움을 다시 주셔서 감사합니다 :) –

0

Pranspach 당신이 실제 크롬 창 크기를 조정할 수는 없지만, 귀하의 사이트가 크기 조정에 반응하는 경우 래퍼 사업부에서 전체 사이트를 포장 할 수 언급 한 바와 같이 그 대신에 시체를 축소하십시오.

+0

그래, 그게 내가 할거야 고마워 :) –

관련 문제