tanteng
V2EX  ›  CSS

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

  •  
  •   tanteng ·
    tanteng · Jul 10, 2016 · 5249 views
    This topic created in 3617 days ago, the information mentioned may be changed or developed.
    css

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

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

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

    Supplement 1  ·  Jul 10, 2016

    已经解决了

    加了一个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加上去。

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2931 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 93ms · UTC 06:44 · PVG 14:44 · LAX 23:44 · JFK 02:44
    ♥ Do have faith in what you're doing.