请教一个 css 问题，如图，如何让图片超出 div 宽度占满屏幕？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 3076 天前的主题，其中的信息可能已经有所发展或是发生改变。

如图，请教一下如何调整图片的 css ，让图片宽度占满屏幕，也就是宽度覆盖红色框子部分，超出他的外层的 div ？

网页链接地址是： http://www.tanteng.me/travel/leisure-travel-in-macao

现在是用的 bootstrap 自适应手机屏幕，希望在手机上看的时候图片宽度占满屏幕的效果，谢谢！！

第 1 条附言 · 2016-07-10 22:29:57 +08:00

已经解决了

加了一个css

@media screen and (max-width: 768px){
    .img-width{
        margin: auto -15px;
    }
}

js：

<script type="text/javascript">
    $image = $(".post-content img");
    $image.parent('p').addClass('img-width');
    $image.addClass('img-responsive center-block');
</script>

因为是Markdown转换的hmtl格式，所以用js加上去。

目前尚无回复

CSS 宽度 div 图片