UIWebView와 동일한 배율로 렌더링하기 위해 콘텐츠 크기 조정에서 WKWebView 억제

UIWebView와 동일한 배율로 렌더링하기 위해 콘텐츠 크기 조정에서 WKWebView 억제

---

문제

사용하는 WKWebView대신에 UIWebView, 나는의 내용이 나타났습니다 WKWebView내에 비해 대규모로 축소되었다 UIWebView. 나는 그 WKWebView일을 그만두고 내 CSS 값을 문자 그대로 존중하고 싶습니다 UIWebView.

문맥

정보 콘텐츠를 표시하는 iPad의 팝 오버에 들어가는 콘텐츠에 대해 기본 iOS 앱의 웹보기를 사용합니다. 이를 콘텐츠 및 디자인 담당자에게 제공하고 "링크 된 CSS 파일을 참조하여 HTML 콘텐츠를 일부 드롭"할 수 있다는 것은 대단한 일입니다.

이 모든 것이 UIWebView.

그러나 팝 오버는 종종 매우 간결합니다.

내가 경험하고있는 것

내 좁은 팝 오버에서는 전체 웹 페이지가 크기에 맞게 축소되는 것처럼 콘텐츠가 축소됩니다. WKWebView는 주로 iOS에서 대체 브라우저를 빌드하거나 WKWebView가 기본적으로 화면을 차지하는 하이브리드 앱을 빌드하는 사람들을위한 것임을 알 수 있습니다.

WKWebView의 확대 계수는 설정할 수있는 것이 아닙니다. 물론, 사용자는 확대 할 수 있지만 이는 목적에 맞지 않습니다. 확대 된 뷰포트를 찾는 것이 아닙니다. UIWebView에서와 같이 전체 내용을 맞추고 줄 바꿈 할 수있는 내용을 찾고 있습니다.

WKWebView를 사용하면 시뮬레이터에서 본문 텍스트 크기를 14px 대신 50px로 올리면 원하는 크기를 볼 수 있습니다. 그러나이 코드는 장치에있을 때도 도움이되지 않으므로 CSS 크기를 늘리는 것도 옵션이 아닙니다!

UIWebView의 문제점은 무엇입니까?

글쎄, 정말로. iOS8에서 (아직) 더 이상 사용되지 않는 것은 아닙니다. 아마도 b / c는 제가 경험 한 것처럼 여전히 유용합니다. 그러나 WKWebView가 빠르다는 것을 알았습니다. 그리고 UIWebView에 대한 글이 벽에 있다는 추측을 보았습니다. 나는 "이제 iOS8에서 더 현대적인 API를 채택하지 않겠습니까?"라고 생각했습니다.

그래서 지금은 UIWebView를 계속 사용하고 있지만 CSS 크기를 고려할 수 있다면 WKWebView로 전환하고 싶습니다.

다음은 UIWebView가 멋지게 렌더링하는 원래 CSS이지만 팝 오버의 WKWebView는 정말 작은 글꼴로 렌더링됩니다.

body {
    font-family: "HelveticaNeue";
    font-size: 15px;
    line-height: 17px;
    color: #000000;
}

h1 {
    font-family: "HelveticaNeue-Bold";
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}


h2 {
    font-family: "HelveticaNeue-Bold";
    font-size: 16px;
    line-height: 18px;
    color: #000000;
}

---

나는 같은 문제가 있었다. 그냥 넣어야 했어

<meta name="viewport" content="initial-scale=1.0" />

내 헤더 블록에 들어가서 나를 위해 해결했습니다. 과 같은 WKWebView더 모바일 사파리와 같은 동작합니다는이보다 UIWebView않습니다, 그래서 당신은 당신이 컨트롤의 크기를 조절하거나 일반 크기를 원하는 경우 뷰포트를 설정해야합니다.

참고 URL : https://stackoverflow.com/questions/26102908/suppress-wkwebview-from-scaling-content-to-render-at-same-magnification-as-uiweb