使我的图像全宽

时间:2015-07-09 23:13:49

标签: html css wordpress

如何在我的css中编辑此内容

.container, .navbar-static-top .container, .navbar-fixed-top .container,     .navbar-fixed-bottom .container {
  width: 1170px;
}

网站为http://insightcxo.com/test-2

我想让图片全宽或1230像素

这是我在编辑器中的代码

.page-id-731 .container {
width: 1230px;
}

谢谢!

4 个答案:

答案 0 :(得分:1)

Img {宽度:100%;最大宽度:100%;应该适合你。

答案 1 :(得分:0)

  

我想让图片全宽或1230像素

img { min-width: 1230px; }

你的意思是这样的吗?

答案 2 :(得分:0)

我查看了您提供的链接中的代码。您的网站标记有一个 .container 块,宽度为1170像素宽,以margin-left: auto;margin-right: auto;为中心 这会创建 60px 的填充,因为该网站的设置为 1230px

您想要全角的图片左侧填充 30px ,因为父 .container 宽度 1170px 并且图像宽度 1230px

要解决问题,

.container 的宽度更改为1230px

margin-left: -30px;添加到图片CSS。

答案 3 :(得分:0)

您可以使用以下内容:

.wp-image-844{
width:100%;
max-width:100%;
}

它应该足够具体,以定位您的一个图像并使其成为全尺寸:)