0

テキストを含む div があります。editmode では、この div は、css を使用して約 0.9 に縮小され、私の管理インターフェイスに収まります。ただし、プレゼンテーション モードではズームアウトされず、見ればわかるように、テキストの流れはまったく異なります。改行はまったく別の場所にあります。

これを回避する方法はありますか、それとも編集中のズームアウトをあきらめる必要がありますか?

これらの写真の右下隅を見てください... 最初に編集モードの拡大バージョン、次にプレゼンテーション モード用のフルサイズ、拡大縮小、ズームなしのバージョン。

スケーリングされた

フルサイズ

4

2 に答える 2

1

問題を 100% 再現できたかどうかはわかりません。しかし、私は同様のレイアウトを用意しており、Chrome であなたと同じ問題を発見しました。

しかし、ズームを

-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);

Chromeで問題を解決しました。

IE10 では、問題は発生しませんでした。

ただし、他のブラウザは試していません。

IE 8 のサポートが必要な場合は、次のことを試してみます。

#transformedObject {

/* IE8+ - must be on one line, unfortunately */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9, M12=0, M21=0, M22=0.9, SizingMethod='auto expand')";

これはuseragentman webから取得したもので、試していません

以前のコメントの説明が不十分だったようです。IE10 でのテストでは、ズームと変換の両方がうまく機能しました。問題を正確に再現したかどうかわからないので、解決したかどうかもわかりません。しかし、少なくとも変更を加えても安全だとは思えません。

テストでそれを見てください：

フィドル

チェックボックスをオンにすると、div の幅が広がり、レイアウトのさまざまな調整が表示されます。div は次のとおりです。オリジナル、変換された (緑) ズームされた (赤)、変換されたものとズームされたものの両方をオーバーレイして違いを確認します。少なくとも IE 10 では、変換とズームの両方がオリジナルと同等です。

于 2013-05-07T18:11:06.820 に答える
1

Web ページでは、適切なテキスト フロー コントロールがありません。これは主に、異なるプラットフォーム上の異なるブラウザーがフォント グリフを異なる方法でレンダリングするためです。テキストのトラッキングも異なります。そのため、テキストを最適化して自分のブラウザーで見栄えを良くすると、別のブラウザーではうまくいかない可能性があります。Web ブラウザーでのピクセル単位の正確なテキスト表現に別れを告げましょう。ささやかな希望です。

PS: Web ページで
は使用しないでください。text-align: justifyそれは本当にひどいです。

于 2013-05-08T11:03:22.297 に答える