在wordpress中显示宽图像

Question

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

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。