私のCSSスタイルのどこかで競合していないことを願っていますが、私のページ（http://www.marioplanet.com/product.htm）では、すべての画像に CSS ルールを適用しFancyBoxて縮小しようとしています。25%元のサイズから。
今、これは含まれている表のセルに適用されているだけかもしれないと聞いたので、そうであるかどうか教えてください。
また、上記が当てはまる場合、単純な CSS と HTML だけで JavaScript を使用せずにこれを行うことはできますか?
ありがとう！
残念ながら、width:25%;幅は元の要素サイズではなく、コンテナー サイズの 4 分の 1 になります。
最適なオプションは、必要なサイズを決定し、ピクセル単位で提供することだと思います。
幅をパーセンテージで指定すると、この幅は親要素 (ここでは a ) の幅に従って計算されます<td/>。したがって、あなたが得た結果はかなり期待されています。
画像のサイズを 25% にしたい場合は、次の 2 つの方法があります。
2 番目のソリューションは、はるかに優れています。なぜなら、ユーザーが画像を見るのに 4 倍も待たされる (そして帯域幅とサーバーのパフォーマンスを浪費する) 理由がないからです。ちなみに、拡大縮小した画像を保存するので、リサイズでサーバーが過熱することはありません。
シンプルな幅:75%; 足りない？
.fancybox{ 幅:75%; }