幅が指定されていdivない (#bottom-bar) があり、絶対にビューポートの下部に配置されています (ウィンドウの下部にくっついています)。その高さは、ウィンドウの高さの 20% です。
この 内divには、ulインライン ブロックliがあり、それぞれが内側にaラッピングされています。img
この例では、ウィンドウのサイズを縦方向にli変更すると、 内の画像のサイズが予想どおりに変更されますがa、画像の周囲の幅は変更されません。
次にページをリロードすると、の幅はa正しくなります...つまり、ページのサイズを再度変更するまでです。
これに対する回避策はありますか? JSを使用しないことをお勧めします。
サンプルページ: http://psofe.com/footer_slider