CSSを変更したら、アフィリエイトの1px画像が大きくなってレイアウトが崩れてしまう。どうする?

サイトのCSSを変更してよりカッコよくしようとしたのに…

レイアウトがぶっ壊れることありますよね。

特に、たまに入れているアフィリエイトリンクの1px画像が拡大されてしまって、余計なところに大きな空白ができてしまうような。

簡単な対処法があります。

style.css の最後の行に

img[width="1"] {
    width: 1px !important;
}

こうするとwidth="1"としていされている要素のサイズが強制的に1pxになります。

コメント