1

現在、textareaMacとWindowsのSafari / Chrome / Firefox / IE全体で、要素の一貫したフォーマットを実現しようとしています。これはうさぎの穴かもしれないと思います。なぜなら、それらの任意の組み合わせは、わずかに異なる方法でフォーマットを生成する可能性があるためです。その他など。

textarea（または）要素を使用する代わりに、divHTML5を使用してピクセルパーフェクトなポジショニングを実現できcanvasますか？または、Raphael JavaScriptライブラリを使用していますか？それとも他のJSライブラリですか？

主に、ピクセルパーフェクトとは、上記のブラウザのいずれにおいても、任意のテキストをまったく同じ方法で（特に改行とパディングに関して）レンダリングする必要があることを意味します。

（それが唯一の解決策でない限り、私は今のところFlashベースの解決策を避けたいと思います...）

4

5 に答える 5

3

テキストをサーバーに送信し、サーバーに画像をレンダリングさせ、画像を表示します。Voilà。

于 2011-08-09T03:29:02.133 に答える
2

これはほぼ不可能と言えます。

また、圧倒的多数の訪問者が 1 つのブラウザーでのみサイトを表示するため、すべてのブラウザーでピクセル パーフェクトを使用する理由はないとも言えます。また、複数のブラウザー (職場と自宅など) でサイトにアクセスするユーザーは、要素が数ピクセルずれていたり、境界線の色がわずかに異なっていたりすることに気付く可能性はほとんどありません。

私たちが気にしなければならないのは、各ブラウザでコンテンツが適切に表示されることです。

とはいえ、ここに素晴らしいtextareaトリックのリストがあります: http://css-tricks.com/6841-textarea-tricks/

于 2011-08-09T03:21:13.800 に答える
1

PDF が存在する主な理由の 1 つは、ブラウザーがピクセルと同じレイアウトではなく、PDF であることです。とりわけ、書体でさえ、OS/ブラウザーが変わっても同じであるとは限りません。

ブラウザに何も配置させず、独自のピクセルレベルの配置をすべて行ったとしても、必ずしも同じフォントを使用できるとは限りません。ブラウザに何かを配置させると、バリエーションを持つことができます。

于 2011-08-09T02:21:30.040 に答える
0

1 つの解決策は、css を白紙の状態から始めることでしょうか? すべてに既知のデフォルトを設定しますか?

たとえば、私は次のように css ファイルを開始します。

*{
margin:0;
padding:0;
}

それはあなたが探しているものですか？同様に、'*' を 'textarea' に変更できます。

于 2011-08-09T02:17:22.047 に答える
0

可能かどうかはわかりませんが、Firefox の場合は Web 開発者ツールバーを使用するか、Chrome の場合は Web 開発者アドオンを使用することを検討してください。ブラウザのデフォルト スタイルを無効にするオプションがあります。これを確認してから、すべてをスタイルします。境界線、境界線の種類、すべての余白、パディング、背景色など。その後、ブラウザのデフォルト スタイルを再度有効にして、見た目が同じであることを確認します。そうでない場合は、洗ってすすぎ、繰り返します。

また、一部のオペレーティング システムには特定のフォントがインストールされていない可能性があるため、フォントが役割を果たす場合はページに埋め込む必要があります。

于 2011-08-09T02:18:00.373 に答える