1

私はこのコードを持っています: http://jsfiddle.net/VV9qJ/しかし、何らかの理由で、画像によって引き起こされた小さなピクセルエラーを修正できないようです。基本的に、特にブラウザ ウィンドウのサイズを変更すると、一部の画像の周囲に 1 ピクセルまたは 2 ピクセルの白い隙間がある場合とそうでない場合があることに気付くでしょう。ブラウザごとに、白いギャップのレンダリングもわずかに異なります。

レイアウトにギャップがあってはならず、ブラウザ ウィンドウを含め、すべてのコンテンツが互いに密着している必要があります。

さまざまなブラウザー間で常に画像が互いに密着していることを確実にする確実な方法はありますか? おそらくjQuery？私はたくさんのグーグルをしましたが、これについては何も見つかりませんでした。

これに対する修正はまだ見つかっていません。解決策が存在しないとは信じがたいですが、誰か助けてもらえますか?

4

3 に答える 3

0

あなたの問題はwidth:100%、クラスのdivにありcontentます。

クラスを保持するdivも幅bannerに設定されている間、スペース全体を占有しますが、100％を分割すると、100％の幅を分割すると、たとえば、サブ分割では500を250+250に分割します。除算は、親がとる幅（動的であるため）が..つまり2（n）..の場合にのみ適切に行われます。100%100%50% + 50%EVEN NUMBER

そうしないと、50％の分割が適切に行われず、たとえば501が使用可能なスペースであったため、100％の幅のdivが501である完全なスペースを占めることになりますが、50％の幅の子divが取得され、そのスペースが250px残り250pxます。あなたが気づいた1pxのギャップ!!..

空白を取り除くには、忍び寄る空白をbackground-color見落とすことができるように与えてください！1px

これはこれを克服するための最良の方法ではありません-私が今考えることができないcssの方法があるはずです..だから、ここにJSソリューションがあります..

function load(){
var largelink = document.getElementById("largelink");
largelink.nextSibling.style.width = largelink.parentNode.offsetWidth-largelink.offsetWidth + "px";
}
window.onload = load;
window.resize = load;​

つまり、親-501と50％の最初の子が250になる場合、2番目の子は501-250+"px"になります

HTMLの1セットのみを編集しました（残りの部分についても同じことを行う必要があります）-親（15その501）とlargelin（その501の場合-これは250になります）のIDを取得するように変更されました

<div id="largeLink" class="largeLink">

Havntはそれをテストしました..それが機能することを願っています..

于 2012-02-22T13:57:25.927 に答える
0

groupoflink div の下に次のコードを追加します。

文字間隔: -4px;

http://jsfiddle.net/VV9qJ/11/

于 2012-02-22T13:04:38.487 に答える