4

私はいつもstackoverflowに来て答えをチェックしています。ただし、現在の質問については、関連する情報がまだ見つかりません。

モバイル Windows 6.1 PDA を持っており、そのための単純な HTML ページを作成したいと考えています。これらの div 内にあるテキストに基づいて、ページの特定の div に特定の高さを持たせたい。

  • 最大 2 行のテキストが必要です。
  • テキストには HTML コードを含めることができます。テキストをスライスしたいが、HTML コードを傷つけたくない。

「これには CSS または Javascript を使用した 100 の異なるソリューションがある」と考える前に、6.1 では IE4 と IE5 の一部の機能を組み合わせて使用​​していることに言及したいと思います。ブラウザーは CCS1 のみをサポートします (つまり、max-height なし、overflow:hidden なし、position: 絶対なし、top、bottom なしなど)。

また、ブラウザは非常に限られた範囲の Javascript 関数をサポートしています。Javascript の DOM を解析し、div 内のテキストが 28pt (これは 2 行) より大きいかどうかを常に確認して、切り取ろうと考えました。ただし、ほとんどの DOM 機能は機能しません。createElement() は機能しません。appendChild も機能しません。getElementById と innerHTML のみが機能します。

このソリューションhttps://code.google.com/p/cut-html-string/を Javascript で見つけましたが、これは最新のブラウザーで完全に動作しますが、createElement()、appendChild()、cloneNode() などの関数が含まれているためです。などIE4では動きません。createElement() の回避策は、完全に機能する innerHTMl ですが、ブラウザは、コードが使用する DOM 関数のエラーを報告します。

PS: 「PDAなどを変更する」という回答はしないでください。OSが非常に古いことは知っていますが、それを使用する必要があります。

4

1 に答える 1

0

デバイスの 1 つのスタイルのみを扱う場合は、javascript ビューポート スニフを使用して、内部の html 調整を使用して新しいスタイル シートに調整し、複数のデバイスに対してプログラムする必要がある場合は、そのデバイスで動作させることができます。複数のスタイル シートを作成できます。テスト目的で、同様の画面サイズの Android または iOS デバイスを持っている人がいるかどうかを確認することをお勧めします。これにより、調整して変更を確認できる adobe クリエイティブ クラウドのエッジ インスペクションなどを使用できます。誰かがビューポートに関するものを持っています ここで 見つける クロスブラウザーの方法でビューポートの正確な高さと幅を見つけます（プロトタイプ/ jQueryなし） それは役に立つかもしれません。基本的なjavascriptを扱っているので、cssリンクのアドレスを変更できるはずであり、それが解決策になる可能性があります。デバイスの機能のいずれかを間違えた場合は申し訳ありませんが、windows mobile 6.x 電話を使用してからしばらく経ちました。

于 2013-07-10T13:16:33.260 に答える