在wordpress中显示宽图像

Question

您好，我正在尝试实现以下外观http://demo.qodeinteractive.com/elision/ 他们有非常宽的图像穿过。我的内容是960px / 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。