0

印刷されたフォームと一致するように、グラフィック要素上のレイヤーに入力テキスト フィールドを正確に配置する必要がある、印刷されたバージョンを厳密に複製するフォームを構築しています。クライアントがテキストの右揃えを要求するまで、すべてが正常に機能していました。テストの結果、IE9-10 では、他のブラウザーでは行われているのに対し、最も右側の文字の右側に文字間隔が追加されないことが示されました。残念ながら、これにより入力フィールドの内容が別の位置に整列されます。CSS は、数字が下のボックスの上に並ぶように調整されていますが、IE9-10 (およびおそらくそれ以前のバージョン) では、数字は右にシフトされます (スペースなし)。文字間隔を取り除くと問題は解決しますが、ボックスの位置に合わせる必要があります。

http://siteground164.com/~contexed/design1/index.php/education/techmark/decision-form-2n

4

1 に答える 1

0

探しているのはレスポンシブ スタイルシートです。具体的には次のとおりです。

 @media screen and (min-width:0\0) {/* Enter CSS here */ }

またはここで説明されている条件付きスタイル シート: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

これらはあなたの最善の策です。残念ながら、この場合、他の多くの場合と同様に、ブラウザー固有のシート、ブロック、またはプロパティを意味しないクロスブラウザー CSS の適切な解決策は通常ありません。これは、さまざまなブラウザーの設計の性質によるものです (したがって、IE 10 より前の条件、レスポンシブ スタイルシート、および多くのプロパティの前に -moz、-webkit、-khtml などの宣言が必要です)。

于 2013-10-17T22:25:43.563 に答える