0

に がUIWebView埋め込まれてUIViewControllerおり、デバイスを回転させると、非常に奇妙な動作が発生します。テキストのフォント サイズが に (css で) 設定されていますが、11px横向きに回転すると、19px(Safari に従って) フォントのサイズが変更され、その再計算がどこから来ているのかわかりません。さらに奇妙divなことに、そのすぐ上の別の (1 行) のフォント サイズは で、サイズは変更さ10pxれません。

私はこのようなものを持っています:

<div class="date">Sep 16</div>
<div class="body"><span class="bold">blah:</span> blah, blah</div>

css を使用すると、次のようになります。

div.date {
    font-size: 10px;
    font-weight: bold;
    width: 100%;
}

div.body {
    font-size: 11px;
    width: 100%;
}

bodyサイズが変更されdateませんが、サイズが変更されます。問題が HTML/CSS にあるのか、UIWebView.

何か案は？

4

2 に答える 2

1

Safariは、方向の変更時にビューポートのサイズを自動的に変更<body>し、ルートタグ内の要素を自由に変更します。

Safari が念頭に置いている目標は、画面をコンテンツでいっぱいにすることです。そのため、コンテンツがスペースを完全に埋めない場合、Safari はいくつかの要素を拡大してスペースを埋めます。

特定の動作が必要な場合は、minimum-scaleやなどの属性を設定したり、のサイズmaximum-scaleを設定したりできます。viewportwidth

于 2013-09-20T19:08:49.517 に答える