如何使用图片和描述制作响应div并自动调整图片到div

Question

＆＃13;

＆＃13;

#content {
    background-color: #ACAE4C;
    float: right;
    display: inline-block;
    padding: 0;
}

＆＃13;

   <div  id="content">
        <div class="pic"></div>
        <div class="desc"></div>
    </div>  

＆＃13;

＆＃13;

＆＃13;

我想让图片适合上课（图片）div，并使我的所有id=content响应。

Answer 1

你可以使用这样的css：

public function buildEditForm(FormMapper $formMapper, BlockInterface $block)
{
    $formMapper->add('settings', 'sonata_type_immutable_array', array(
        'keys' => array(
            array('title', 'collection', 
                array('type' => 'text' ,
                    'required' => true,
                    'allow_add' => true,
                    'data' => array('First' => 'One')
                    )
                )
        )
    ));
}

也许这可以帮助你。

Answer 2

对于响应式图像，您可以使用以下CSS ...

img {
  display: block;
  height: auto;
  width: 100%;
}

这将占用父容器的整个宽度。

我希望这会有所帮助。

Answer 3

img {
width: 100%;
height: auto;}

或者如果您希望自动调整大小：

img {width:auto;height:auto;}

或屏幕尺寸

img {width:100%;height:100%;}

或

img{background-size: cover;}

希望今天对您有帮助！