Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何更好地缩放此图像?(引导)_Css_Twitter Bootstrap - Fatal编程技术网

Css 如何更好地缩放此图像?(引导)

Css 如何更好地缩放此图像?(引导),css,twitter-bootstrap,Css,Twitter Bootstrap,我可能走错了方向。我有两列,右边一列是图片。我在.back上设置了一个填充,我希望我创建的图像同时包含这两个选项 要有反应。也就是说,按比例调整大小,使其部分永远不会被切断。我相信现在已经做到了 使用给它的所有空间。我不明白为什么这张图片的右边缘在页面右侧之前结束。我已经使用容器流体将宽度设置为100%,列的总数为12。想法 作为第二个问题,我在图像周围的div中添加了text center,那么当窗口非常小时,为什么图像没有居中呢 。流体img{ 宽度:100%; 高度:自动; } .回来{

我可能走错了方向。我有两列,右边一列是图片。我在
.back
上设置了一个填充,我希望我创建的图像同时包含这两个选项

  • 要有反应。也就是说,按比例调整大小,使其部分永远不会被切断。我相信现在已经做到了
  • 使用给它的所有空间。我不明白为什么这张图片的右边缘在页面右侧之前结束。我已经使用
    容器流体
    将宽度设置为100%,列的总数为12。想法
  • 作为第二个问题,我在图像周围的div中添加了
    text center
    ,那么当窗口非常小时,为什么图像没有居中呢

    。流体img{
    宽度:100%;
    高度:自动;
    }
    .回来{
    填充顶部:150px;
    溢出:隐藏;
    }
    
    标题
    
    代码没有问题。。您正在使用的图像在右侧有巨大的空白,因为它是png图像,您无法看到它。。下载图像并进行裁剪。。你的问题解决了

  • 为了更好地缩放您的图像,您应该使用引导的img响应计算
  • 您的图像在右边缘之前结束,因为它在右侧包含透明像素,我裁剪了您的图像,现在看起来很好
  • 由于右侧的透明像素,图像没有居中
  • 。流体img{
    宽度:100%;
    高度:自动;
    }
    .回来{
    填充顶部:150px;
    溢出:隐藏;
    }
    
    标题