2

この質問の主な理由は、画像を保持する DIV 要素の幅が必要なためですが、サイズ変更スクリプト (timtumb) はピクセル サイズのみを受け入れ、% は受け入れません (素晴らしいでしょう)。例えば ​​:

timthumb.php?src=castle1.jpg&h=230&w=640
幅を 640 に設定すると、PC に表示される画像サイズは問題ありませんが、同じページをタブレットまたは携帯電話で表示する必要があり、これらのデバイスの幅は狭いため、たとえば 480px です。したがって、DIV 480px に調整できますが、スクリプト行は次のように変更する必要があります。

timthumb.php?src=castle1.jpg&h=125&w=480

このスクリプトは数値のみを受け入れ、% や px は受け入れませ
ん。複数行のスクリプトを実行し、CSS をレスポンシブとしてこれらの DIV の一部を非表示にできますが、このコード スクリプトを拡張したいと考えています :) 可能であれば、レスポンシブ パッチを作成します。 .

4

2 に答える 2

1

試す

<div><img src="timthumb.php?src=castle1.jpg&h=230&w=640" style="width:100%;max-width:640px;" ></div>

画像は、親 div の幅に自動的に「収まる」必要があります

于 2013-11-05T23:54:07.657 に答える