Question

在Joomla网站上，Chrome正在扭曲图像宽度。图像是一个灯泡，在Firefox中显示正常，但在Chrome中宽度大大减少，因此灯泡看起来更像火柴棍:) HTML是：

library(XML)

url.montco <- "http://webapp.montcopa.org/sherreal/salelist.asp?saledate=10/26/2011"
tbl <- readHTMLTable(url.montco)[[2]][, c(3,5,6,8,9)]

和CSS：

select project_name, to_char(count(nullif(contains_bug = 'True', false))/count(*)::float*100, '99.99') as percentage from table_x group by project_name;

我从这篇SO文章Retain aspect ratio for full height responsive image in Chrome获得了CSS设置，但之前我曾尝试过其他版本，但都无济于事。我知道CSS引用了正确的HTML元素，因为红色背景（此处已注释掉）显示在两个浏览器中的图像上。浏览器版本 - Firefox 43，Chrome 47.0.2526.105。任何帮助将非常感激。

Answer 1

这是因为每盏灯的span父母。将display: inline-table添加到其样式定义中：

p.word_set span, p.word_learn span, p.thai2eng span{
    display: inline-table;
}

Chrome图片失真。好的Firefox

1 个答案: