首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
V2EX  ›  CSS

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

  •  
  •   tanteng · 2016-07-10 19:44:24 +08:00 · 2952 次点击
    这是一个创建于 1073 天前的主题,其中的信息可能已经有所发展或是发生改变。
    css

    如图,请教一下如何调整图片的 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加上去。

    目前尚无回复
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3787 人在线   最高记录 5043   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 17ms · UTC 01:15 · PVG 09:15 · LAX 18:15 · JFK 21:15
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1