使图像可扩展以适应响应式设计

时间:2012-04-28 作者:PVA

制作第一个响应性网站模板;布局是部分流体,带有固定的侧栏,使用媒体查询。我想让我的一些图像具有可伸缩性。根据本文http://www.blissfulinterfaces.com/making-wordpress-images-responsive/ 它应该非常简单,至少对于手动加载的图像是如此。将此添加到样式表:

img{max-width: 100%;}
img{ -ms-interpolation-mode: bicubic; }
并手动删除wp自动添加的宽度和高度。两件事都做了,一件事也没发生。

请参见这两页的主要区域(非侧栏)中的图像:http://66.147.244.110/~rdbikeco/wheelbuilding.htmlhttp://66.147.244.110/~rdbikeco/aboutus.html

我还没有为缩略图的函数添加代码——我想先让基础工作起来。

我错过了什么?

谢谢

1 个回复
最合适的回答,由SO网友:Milo 整理而成

由于图像的大小小于可用宽度,因此似乎什么也没有发生。如果我在Chrome中的容器中添加一组填充物,然后调整窗口大小,则图像会在消耗完所有水平宽度后缩放。

结束

相关推荐