Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.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 为什么Chrome中的图像宽度不超过500px?_Css_Google Chrome_Twitter Bootstrap - Fatal编程技术网

Css 为什么Chrome中的图像宽度不超过500px?

Css 为什么Chrome中的图像宽度不超过500px?,css,google-chrome,twitter-bootstrap,Css,Google Chrome,Twitter Bootstrap,使用常规的、相当宽的Google Chrome浏览器,请参见 图像的高度在CSS中定义,但宽度应该是自动的。它似乎适用于纵向图像,但横向图像的最大宽度限制为500px 有人能发光吗?科林,您正在使用两个选择器将最大宽度设置为100%: img .thumbnail > img 这使得图像与容器一样大,因此不允许进行您所寻求的扩展。禁用Chrome上的“最大宽度”属性会使图像符合您预期的高度,在其他浏览器上也是如此。要在其他浏览器上获得正确的输出,您必须从css中删除“最大宽度”,请参见下

使用常规的、相当宽的Google Chrome浏览器,请参见

图像的高度在CSS中定义,但宽度应该是自动的。它似乎适用于纵向图像,但横向图像的最大宽度限制为500px


有人能发光吗?

科林,您正在使用两个选择器将最大宽度设置为100%:

img
.thumbnail > img

这使得图像与容器一样大,因此不允许进行您所寻求的扩展。禁用Chrome上的“最大宽度”属性会使图像符合您预期的高度,在其他浏览器上也是如此。

要在其他浏览器上获得正确的输出,您必须从css中删除“最大宽度”,请参见下文。我已删除
最大宽度:100%来自下面的css

.thumbnail > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

谢谢-就这样。由于某些原因,我现在无法覆盖它(不能直接编辑它,因为它来自引导CSS),但这是另一个问题。啊,我不能用“自动”覆盖一个设置值,但我可以将其设置为10000%,这样做。你也可以将其设置为“最大宽度:无!”!重要的;'如果它妨碍了您。Bootsrap使用
span1
-
span12
控制缩略图宽度:Nathan-!重要信息:不理想,因为我需要在其他位置再次覆盖它(请参见缩小浏览器视图时)。