Firefoxの場合、<img width="50%" height="50%" src="derp.jpg" />
を使用すると問題はないようですが、他のブラウザはこれを私が望むように認識しません。これをCSSを使ってスタイリングするより良い方法はありますか?ありがとう!Chrome/SafariでIMGの高さ/幅をパーセントでサポートしていますか?
1
A
答えて
2
要素の属性をheight
とwidth
にすることは避けてください。
<img src="derp.jpg" style="width:50%;height:50%" />
しかし、パーセントを使用してサイジングすることは親要素に相対的である:あなたのimg
の親要素が何も所定の大きさを持っていない場合は、あなたの結果が異なりますあなたのスタイリング絶対にはインラインでなければならない場合、あなたはこれを行うことができます激しく
1
最大高と最大幅のスタイルを使用してCSSを試すことができます
関連する問題
- 1. 要素の幅を高さのパーセントで表します。 HTML、CSS
- 2. HTML5 - IMGで幅と高さを使用できますか?
- 3. jqueryで幅と高さをパーセントに変更
- 4. imgの高さに応じてimgの幅を変更する方法
- 5. のimg自動幅、高さおよび最大高さ
- 6. 高さと幅を持たないimgタグを定義する
- 7. CSSで高さをパーセントで使用できますか?
- 8. Webkitでimgタグを使用すると、jQueryの高さ/外幅が壊れていますか?
- 9. ブートストラップ行のカスタム高さをパーセントで
- 10. イメージのサイズ、高さ、幅を取得していますか?
- 11. HTML/CSS:ドキュメントの高さに等しい高さのIMG(ウィンドウではない)
- 12. 最新のアンドロイドスタジオのアップデートでは%レイアウトがサポートされていませんか?パーセントのレイアウトを使用して
- 13. htmlの<img>タグでアニメーションGIFをサポートしていますか?
- 14. Dojoボタンの幅(パーセント)
- 15. 幅/高さを<img>とし、jsを指定します。計算されたスタイルがありません
- 16. Internet Explorer 9 beta HTML5ビデオタグは相対的な幅/高さをサポートしていませんか?
- 17. カスタムコンポーネントのCommitPropertiesがパーセント幅で機能しません
- 18. css div IDコンテナが、高さと幅のパーセントの背景画像を表示しない
- 19. WindowsフォームでTableLayoutPanelセルの高さと幅を取得します。
- 20. imgまたはcss幅のインライン幅?
- 21. 要素の幅をパーセントで設定することはできますか?
- 22. FlowDocumentは全幅/高さを使用していません
- 23. 高さ/幅が設定されていない画像の高さ/幅を取得する
- 24. フラッシュcs5コンポーネントの幅と高さを認識していますか?
- 25. JQuery、スクロールバーでdivの幅と高さを知っている
- 26. Magentoでプロダクトイメージの幅と高さをプログラムで取得しますか?
- 27. jQueryの幅と高さがFirefoxでsvgで機能しない
- 28. テーブルのサイズと高さ/幅の違いは何ですか?
- 29. Javascript imgの幅と高さを取得して別のクラスのCSSに配置する
- 30. 複数の画面サイズをサポートするためにビューの高さの幅を指定しますか?
これはウェブマスターに属します – RobertPitt