1

HTML 属性のみを使用して比例的に拡大する必要がある画像があります。CSS が設定されていない場合のデフォルトの動作では、height 属性が自然な高さの半分に設定されている場合、幅も自動的に自然な幅の半分になります。

例:

<img height="path/to/image.jpg" height="{half natural height}" />

問題は、ハッキングしたくない外部ライブラリからスタイルを継承しているため、この動作が変更されることです。

要素がまったくスタイルされていないように見えるように、スタイルをブラウザのデフォルトの動作に戻そうとしています。

http://jsfiddle.net/23Hz4/2/

失敗した試行:

  • 設定幅: 自動; 高さ: 自動は機能しません。設定幅: 初期; 高さ: 初期は機能しません。
  • element.style.width と element.style.height を null または空の文字列に設定しても機能しません。
  • element.style.width の削除と element.style.width の削除が機能しない

何か案は?

4

1 に答える 1

0

style代わりに属性を使用して機能させることができますheight

<img src="path/to/image.jpg" style="{height: half height};" />

問題は、height: auto;ブートストラップの css ルールです。属性はこのheightルールをオーバーライドできません。したがって、css ルールのみがこの css ルールをオーバーライドできます。

于 2012-11-26T12:51:47.657 に答える