在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. 宽度和高度百分比CSS IE8
- 2. css百分比高度和宽度
- 3. 保持图像宽高比,并使用宽度百分比
- 4. 跨度百分比宽度
- 5. 正方形div的宽度基于百分比高度
- 6. 响应式导航,无法定义百分比宽度/高度
- 7. jQuery img swap - 保持宽度和高度
- 8. 使用百分比宽度
- 9. 边框百分比宽度
- 10. Tumblr photoset百分比宽度
- 11. DataGridTextColumn百分比宽度
- 12. HTML宽度百分比
- 13. 百分比边框宽度
- 14. Dojo按百分比宽度
- 15. IE8是否支持宽度值百分比?
- 16. CSS百分比宽度和高度以及分辨率问题
- 17. 定义div的宽度作为高度的百分比
- 18. 元素的高度百分比的宽度。 HTML,CSS
- 19. 如何使用百分比支持库和保持宽高比设置ImageView宽度?
- 20. Android:无变化高度的百分比宽度
- 21. Ckeditor无法使用百分比的图像宽度和高度
- 22. 设置div宽度作为高度的百分比
- 23. 表格百分比高度和宽度不工作的CSS类
- 24. 将高度设置为宽度的百分比?
- 25. 的Flex - 自定义组件 - 百分比宽度/高度
- 26. Webkit似乎有问题的百分比宽度/高度
- 27. CSS - 使用百分比的宽度和高度为ems
- 28. div高度:百分比px
- 29. Flex - 百分比高度
- 30. 高度百分比图像
这属于网站管理员 – RobertPitt 2011-01-21 19:09:42