2

ここで説明したようにメタビューポートを使用していますUIWebViewが画像を縮小するのはなぜですか?UIWebViewの場合。これはポートレートをうまくフォーマットし、奇妙なスケーリングを補正する必要はありません。ただし、横向きに回転すると、追加の幅を利用できなくなります。つまり、横向きの1行にもっと多くのテキストを収めたいのです。すべてが1.0でスケーリングされ続けます。ビューポートを回転時に.75スケーリングに変更し、ポートレートで1.0に戻す方法はありますか?

4

1 に答える 1

0

この関数は、UIWebViewのサイズが変更されたときにビューポートの幅を設定するために作成しました。幅以外のビューポートプロパティを設定するように簡単に調整できます。

-(NSString *) setViewportWidth:(CGFloat)inWidth {
    NSString *result = [_webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"(function ( inWidth ) { "
        "var result = ''; "
        "var viewport = null; "
        "var content = 'width = ' + inWidth; "
        "var document_head = document.getElementsByTagName('head')[0]; "
        "var child = document_head.firstChild; "
        "while ( child ) { "
            "if ( null == viewport && child.nodeType == 1 && child.nodeName == 'META' && child.getAttribute( 'name' ) == 'viewport' ) { "
                "viewport = child; "
                "content = child.getAttribute( 'content' ); "
                "if ( content.search( /width\\s=\\s[^,]+/ ) < 0 ) { "
                    "content = 'width = ' + inWidth + ', ' + content; "
                "} else { "
                    "content = content.replace( /width\\s=\\s[^,]+/ , 'width = ' + inWidth ); "
                "} "
            "} "
            "child = child.nextSibling; "
        "} "
        "if ( null != content ) { "
            "child = document.createElement( 'meta' ); "
            "child.setAttribute( 'name' , 'viewport' ); "
            "child.setAttribute( 'content' , content ); "
            "if ( null == viewport ) { "
                "document_head.appendChild( child ); "
                "result = 'append viewport ' + content; "
            "} else { "
                "document_head.replaceChild( child , viewport ); "
                "result = 'replace viewport ' + content; "
            "} "
        "} "
        "return result; "
    "})( %d )" , (int)inWidth]];

    return result;
}
于 2011-07-05T20:47:37.910 に答える