网站图片不缩放？答案

【问题标题】：Site images not scaling?网站图片不缩放？
【发布时间】：2015-06-12 10:29:12
【问题描述】：

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

【问题讨论】：

嗨，本，欢迎来到 Stack Overflow。不幸的是，您的问题不够具体，无法在这里回答。请访问Help Center 以了解有关此社区中提出的主题类型的更多信息。如果您也发布了一些代码会有所帮助。

标签： css wordpress twitter-bootstrap rackspace

【解决方案1】：

由于您使用的是引导程序，因此您可以简单地添加

class="img-responsive"

到您的标签。这将使您的图像按比例缩小。现在，为了让您的图像放大（更大），您需要添加一个像这样的 css 类。

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

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

【讨论】：