jquery 모바일 버전에 기존 웹 사이트를 적용하고 이전에 프레임 워크를 사용했습니다. 나는 아이폰 5를 갖고 있는데 왜 사이트가 데스크탑 브라우저에서 나타나는지는 모르지만, 아이폰은 정말 작게 보인다. 나는 <meta name="viewport" content="width=device-width; initial-scale=1" />이라는 줄을 가지고 있는데 다른 것을 놓치고 있습니까? 다음은보기의 스크린 샷입니다.jQuery 모바일 사이트가 실제로 작게 나타납니다 (GoDaddy Forward with Masking)
당신은 쉼표로 내용 요소를 분리 할 필요가 (내가 몇 color 설정을 제외하고 모든 사용자 지정 CSS를 사용하고 있지 않다),하지 세미콜론 :
<meta name="viewport" content="width=device-width, initial-scale=1" />
수정 의견에 따라 위 : 해당 사이트에는 모바일 사이트가있는 iFrame이 있습니다. 실제 사이트 URL bluelineapps.net/TnA//mobile은 Safari에서 예상대로 작동합니다.
불행히도 그 결과를 변경하지 않는 것 같습니다. – SnareChops
내 이해 모바일 Safari는 iframe에서 사이트를 렌더링 할 때 뷰포트 설정을 준수하지 않습니다. 웹킷 개발자가이 말을했습니다.
iframe을 사용하는 masked forward를 사용하기 때문에 대상 사이트는 뷰포트 설정없이 렌더링합니다 (마치 데스크톱에있는 것처럼).
iframe의 소스를 제어 할 수 있다면 iframe 대신 object 태그를 사용해 볼 수도 있지만 마스크 된 전달 기능을 사용하고 있기 때문에 제어 할 수 없다고 생각합니다. 이 문제를 완전히 해결하지는 못한다. (조금 더 좋아 보이지만)
나는 브라우저를 인식하지 못한다. Safari에서 이런 일이 발생합니까? –
@ KingJulian 그래, 똑같은 결과. 그 URL이 도움이된다면 tnacommunity.net/mobile입니다. – SnareChops
해당 사이트에는 모바일 사이트가있는 iFrame이 있습니다. 실제 사이트 URL http://bluelineapps.net/TnA//mobile/은 Safari에서 예상대로 작동합니다. –