wordpress - 在 wordpress 中显示宽幅图像

Question

嗨，我正在尝试实现以下外观http://demo.qodeinteractive.com/elision/ 他们有非常广泛的图像。我的内容是 960px/1024px 宽，但显然我想让我的图像从屏幕的一端到另一端（非常宽）。我怎样才能在 wordpress 2012 主题或任何主题中实现这一点。非常感谢

Answer 1

您可以使用 CSS 对图像宽度进行百分比样式设置，以与容器一起调整大小div，例如（假设您的容器 div 具有 CSS 类container）：

<style type="text/css">
div.container img {width:100%}
</style>

上面的代码将保持图像的纵横比。

如果您不关心这一点，您还可以在 CSS 规则中添加图像高度：

<style type="text/css">
div.container img {width:100%;height:100%}
</style>

div无论您如何调整浏览器窗口的大小，这都会压缩图像以适合您的容器。