私のウェブサイトをPCで表示する場合、リンクの下の画像はリンクの下にぴったりと収まるはずです。
ただし、Macで表示すると、画像はその上のリンクと約2pxオーバーラップします。
MacブラウザはCSS値を異なる方法で解釈しますか？マージントップなど、私が使っているのはどれですか？
CSSを使用してこれを簡単に解決することはできますか、それともPHPでプラットフォームを検出した後に個別のCSS値を指定する必要がありますか？
3 に答える
3
を設定すると、Mac Chromeでディスプレイbody { font: 12px/20px Verdana; }が整列し、ナビゲーションテキストの行の高さが強制されます。これは修正ではなく、あなたの世界を壊しているのはフォントサイズであることを示しているだけです。
デザイン要素をページに適用するこの方法は、（私の意見では）かなり古風で壊れやすいものです。私の推奨事項は、背景を分割して、そのコンポーネントをページ上の個々の要素に結び付けることができるようにすることです。とにかく、あなたがしていることのほとんどすべては、ストレートCSSで達成できます。
于 2011-09-22T12:48:04.577 に答える
1
リセットされたCSSスタイルシートを使用することをお勧めします。
于 2011-09-22T12:37:49.120 に答える
1
このcssファイルを追加してみてください。すべてのスタイルがリセットされます。http://necolas.github.com/normalize.css/
于 2011-09-22T12:52:17.883 に答える