html – 图像没有在移动视图之外调整大小 – Bootstrap

2023年10月11日 211次阅读

我正在使用带有固定侧杆的容器流体全宽度工作站使用自举.

http://nickmask.github.io/index.html

我的mainContent容器中的图像不会在平板电脑尺寸或更大尺寸下重新调整大小.如果我下降到移动尺寸,他们调整大小.

我试过添加img-responsive,但没有运气.有任何想法吗？

HTML：

<div class="col-sm-8 fluidContainer" id="mainContainer">
    <div class="mainHeading">
      <hr class="separator" id="topSep">
      <h1>Recent Work</h1>
      <h2>Blogs and projects recently completed</h2>
      <hr class="separator" id="botSep">
    </div>
    <div class="mainContent">
      <article>
        <img src="http://fillmurray.com/700/280" alt="" class="img-responsive">
        <h2>This article</h2>
        <p>   
          Remember outweigh do he desirous no cheerful. Do of doors water ye guest. We if prosperous comparison middletons at. Park we in lose like at no. An so to preferred convinced distrusts he determine. In musical me my placing clothes comfort pleased hearing.
        </p>     
      </article>

最佳答案 原因是因为你有宽度：auto;在#mainContainer上.删除宽度：自动;来自#mainContainer并添加类img-responsive对图像,它应该工作.

点赞