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

Question

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

Answer 1

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

img {
     max-width: 100%;
}

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