网站图片没有缩放?

时间:2015-04-07 18:03:05

标签: css wordpress twitter-bootstrap rackspace

我刚将一个WordPress网站从我的localhost迁移到Rackspace云托管。这是我第一次使用Rackspace。出于某种原因,新网站的页面宽度略大于200px。所以所有的布局都被抛弃了,因为它被设计为一个缩小的页面。我正在寻找一种方法来解决这种差异,或者至少修复样式,而不必重新调整应用于宽度的每个规则。我也在项目中使用Bootstrap。我已经尝试了各种方法来使页面适应新视图,例如max-width的各种设置,但到目前为止没有任何影响。在此先感谢您的任何建议。我真的很感激。

1 个答案:

答案 0 :(得分:0)

由于您正在使用引导程序,因此您只需添加

即可

class="img-responsive"

到你的标签。这将允许您的图像缩小。现在为了让你的图像扩大(更大),你想要添加这样的css类。

.parent-class img {
    width:100%;
}

Here is a working example.尝试调整浏览器窗口的大小。