私は、デスクトップを含むかなり小さなブラウザサイズに縮小するためのページを作っています。私はかなり多くのブラウザのためにFirefoxを持っていますが、他のブラウザと同じようにコンテンツを小さくすることはできません。あなたはどのブラウザでもなく、Firefoxの、あなたは540pxより小さいにウィンドウのサイズを変更すると、あなたが期待するよう、div要素は、小さくなることをしようとした場合Firefox 8.0は他のブラウザのようにコンテンツのサイズを変更しません
<body>
<div style="width:auto; max-width:500px; margin:20px;background-color:black;"> Some filler text </div>
</body>
:
は、私はこのような単純なページを持っていると言います。しかし、Firefoxでは、そんなことはありません。少なくとも8.0にはありません。 divを小さなサイズにリサイズした後、スクロールバーを残さずにウィンドウから伸びます。
この現象を回避する方法はありますか?
編集:私はこれもFirefoxの古いバージョンで再現しましたが、私は奇妙なものを発見しました。 divのサイズを少し変更したと言いましたが、ここでは何が起こるのですか?ページの本文は367pxの幅にとどまります。 Firefoxの2つの異なるバージョン、Windowsの2つのバージョン、同じ番号。
「幅:100%」は同じですか? – Filip
本来、そうです.100%の代わりにautoを使用すると、ブラウザは余白やパディングなどを考慮に入れます。ブラウザの幅が500pxで、divの幅が100%で、余白が20pxの場合、ブラウザのページ幅は40pxになります。 autoでは、余白を考慮に入れてdivを460pxにリサイズする必要があります。 – Indigenuity
OSXのFirefox 8.0.1ではこの問題は発生しません。 – bookcasey