在HTML5 CSS3 for iPad中自动调整图像大小

时间:2010-12-27 05:15:40

标签: css html5 webkit css3

我正在为iPad构建自定义应用,并且可以使用特定于webkit的代码。我在动态调整图像大小以适应特定div容器时遇到困难。有代码可以做到吗?如果图像是纵向还是横向,还是使用蒙版重新绘制图像的代码?

1 个答案:

答案 0 :(得分:15)

使用简单的CSS自动调整图像大小的最简单方法:

img {
     max-width: 100%;
}

不需要CSS3或HTML 5魔法。这是一篇包含更多信息的博客文章,以及一些改进IE中扩展的JavaScript:http://unstoppablerobotninja.com/entry/fluid-images/