定义特色图像缩略图的宽度,但也要做出响应?

时间:2013-06-05 作者:Anthony Myers

因此,我知道如何使用set\\u post\\u thumbnail\\u size定义缩略图,并且它可以工作,但问题是,当我这样做时,图像没有响应,对吗?当我将缩略图定义为300 x 9999时,我告诉图像始终为300像素宽,但我需要该图像使用其响应容器进行扩展或收缩。在桌面上查看我的项目时,图像容器彼此相邻浮动,需要大约300像素宽。当您以较小的移动宽度查看站点时,图像及其容器实际上可以扩展到700像素,因为它们不再相邻浮动,而是堆叠在一起,没有浮动。我有最大宽度:100%;顺便说一下,我的css中的图像。有什么我能做的吗?我打算用这个方法:http://mobile.smashingmagazine.com/2012/06/14/responsive-images-with-wordress-featured-images/ 但是,我们不是仅仅定义了不会产生响应的图像宽度吗?此外,仅仅使用is\\U mobile进行检测可能并不完全可靠。如果我将我的站点缩小到700像素,它不一定是移动设备,但我需要提供不同的图像。呃

1 个回复
SO网友:davidmh

我通常做的是:

将图像包装设置为所需的宽度将图像的最大宽度设置为包装的100%

http://jsfiddle.net/VV25C/

调整浏览器的大小以查看其运行情况。

结束

相关推荐

mobile vs responsive sites

美国一家医疗诊所的网络公司告诉我,对他们来说,建立一个常规的WP网站和一个单独的WP移动网站比建立一个单一的WP响应网站更便宜。什么是更好的传统智慧。是否只对那些负担不起常规和移动站点的用户做出响应,或者它处理的设备是否比移动站点多?