-6

私は現在、自分のサイトを開発しており、FireFox をメインのテスト ゾーンと考えていましたが、Chrome と IE9 でテストしたところ、結果が異なりました。Chrome では、ページを開くと、レイヤーの 1 つがその場所に収まりませんが、更新すると、必要な場所に正確に収まります。変?IE では、div の 1 つ (左の 1 つ) が左に高いマージンを持っているように見え、他の div から離れすぎており、フォントが異なるため、一部の単語が大きくなり、境界線に収まりません。すべてのブラウザで種雄牛の見栄えを良くするための最良のアイデアと、メインのテスト ゾーンと見なすべきブラウザを教えてください。

PS: なぜ人々は私の質問に反対票を投じているのですか? 私たちは皆学んでいます。

4

3 に答える 3

0

ボイラープレートのようなものを使用してすべてのプロジェクトを開始するか、CSS リセットを使用する必要があります。

そうすれば、ブラウザー間の小さな違い (パディング、マージンなど) を修正できます。

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
...

詳細: http://meyerweb.com/eric/tools/css/reset/

最も重要なブラウザーでテストする必要があるブラウザーについて... 長期的に (毎週) いくつかのマイナーな関連ブラウザーでテストして、それが機能することを確認します。

于 2013-05-20T09:57:30.793 に答える