いくつかのポイントを描画したHTML5キャンバス画像があり、ポイントの横にいくつかのdivタグとテキスト入力タグを配置したいと思います。
残念ながら、ブラウザは各divとinputタグの間のスペースに同意しません。
CSSで高さを指定することにより、入力タグのハックを見つけました。これで、入力タグはすべてのブラウザで同じスペースになります。入力タグのデフォルトの高さはブラウザによっては同じではなく、非常に奇妙なようです。
divタグについても同じことを試しましたが、すべてのブラウザーで正しい配置を取得できません。
CSSハックを使用するすべてのブラウザで機能するテキスト入力タグの配置：http： //jsfiddle.net/baptx/XcKZj/
ブラウザ（Firefox用に設定）によっては、divタグの配置が同じではありません：http： //jsfiddle.net/baptx/92gPY/
LinuxでFirefoxを使用していますが、Windowsバージョンでは同じマージンが表示されないことに気付きました。LinuxまたはWindowsで実行している場合、ChromeはLinuxFirefoxにも同意しません。Operaは素晴らしいです、それはLinuxまたはWindowsで実行されているLinuxFirefoxと常に一致します。
私が最初に思ったのは、Webブラウザエンジン、GeckoのレンダリングがWebkitとは異なるためでしたが、WindowsとLinuxバージョンのFirefoxが一致しない場合は、別のものになるはずです。
誰かとそれがどこから来たのか、そしてdivタグでこれを修正する方法を知っていますか？