Css 为什么Chrome中的图像宽度不超过500px?
使用常规的、相当宽的Google Chrome浏览器,请参见 图像的高度在CSS中定义,但宽度应该是自动的。它似乎适用于纵向图像,但横向图像的最大宽度限制为500pxCss 为什么Chrome中的图像宽度不超过500px?,css,google-chrome,twitter-bootstrap,Css,Google Chrome,Twitter Bootstrap,使用常规的、相当宽的Google Chrome浏览器,请参见 图像的高度在CSS中定义,但宽度应该是自动的。它似乎适用于纵向图像,但横向图像的最大宽度限制为500px 有人能发光吗?科林,您正在使用两个选择器将最大宽度设置为100%: img .thumbnail > img 这使得图像与容器一样大,因此不允许进行您所寻求的扩展。禁用Chrome上的“最大宽度”属性会使图像符合您预期的高度,在其他浏览器上也是如此。要在其他浏览器上获得正确的输出,您必须从css中删除“最大宽度”,请参见下
有人能发光吗?科林,您正在使用两个选择器将最大宽度设置为100%:
img
.thumbnail > img
这使得图像与容器一样大,因此不允许进行您所寻求的扩展。禁用Chrome上的“最大宽度”属性会使图像符合您预期的高度,在其他浏览器上也是如此。要在其他浏览器上获得正确的输出,您必须从css中删除“最大宽度”,请参见下文。我已删除
最大宽度:100%代码>来自下面的css
.thumbnail > img {
display: block;
margin-left: auto;
margin-right: auto;
}
谢谢-就这样。由于某些原因,我现在无法覆盖它(不能直接编辑它,因为它来自引导CSS),但这是另一个问题。啊,我不能用“自动”覆盖一个设置值,但我可以将其设置为10000%,这样做。你也可以将其设置为“最大宽度:无!”!重要的;'如果它妨碍了您。Bootsrap使用span1
-span12
控制缩略图宽度:Nathan-!重要信息:不理想,因为我需要在其他位置再次覆盖它(请参见缩小浏览器视图时)。