私はフロントエンドの世界に不慣れで、複数のブラウザー間で変換される要素を Web サイトに配置する方法について疑問に思っていました。
Chrome と Firefox の MacBook Pro で問題なく表示される、学校のプロジェクト用の Web サイトをデザインおよび開発しています。しかし、仕事用のPCでIE9とFirefoxで見ようとすると、位置が全然ずれてしまいます。IE 9 のフォント サイズもかなりずれています。
IE はときどきダメだと聞きますが、さまざまなブラウザーやオペレーティング システムで同じようにするために何かできることはないかと考えています。
私は主に、絶対位置である 1 つまたは 2 つのものの相対位置を使用します。フォントサイズについては、レスポンシブの方が優れていると聞いたので、emを使用しています。この Web サイトをレスポンシブで、さまざまなブラウザーやオペレーティング システムで同じようにするには、どのタイプのポジショニングを使用すればよいですか?
他の提案に加えて、常に CSS リセットを使用して、すべてのブラウザーでデフォルト設定が同じになるようにすることをお勧めします。
選択できるいくつかの適切なリセットがあります。私はhttp://necolas.github.io/normalize.css/でうまくいきました。
幸運を！
私は通常、 http: //quirksmode.orgを見て、サポートしたいブラウザーとどの機能が互換性があるかを調べます。しばらく行っていませんでしたが、サイトの作成者 (Peter-Paul Koch) が最新の状態に保っているようです。
また、どの標準文書が関連しており、それらが何を述べているかを知りたいです。フォント サイズに関しては、関連する標準には HTML 4.01 とさまざまなレベルの CSS が含まれます。ドキュメントはあまり語っていないと思います。いずれにせよ、技術的な理由により、ブラウザーは、標準の時折のポイントの解釈または順守がわずかに異なることがよくあります。すべての標準は、アンチエイリアス フォント、Retina ディスプレイ、およびプラットフォームと実装に非常に関連する可能性があるその他の問題について、ほとんど、またはまったく述べていません。
フォント サイズについては、基本サイズを使用し、それを基準にして他のすべてを設定します。私もしばらくやっていません。他の人々は、現在の慣行をより明確に理解するようになるかもしれません。それでも、私の提案が機能し続けることを期待しています。
ビジネス目的でコーディングを行っている場合でも、作業が完了したと見なす前に、さまざまなブラウザーでテストを行います。
質問の詳細があれば、追加してください。それ以外の場合は、ここで質問しても問題ありませんが、 http://programmers.stackexchange.comでさらに幅広い「何をしているのですか」という質問が最適であることがわかると思います。