html - 报纸 Wordpress 主题中移动设备上的图像宽度 100%

Question

我的 wordpress 主题中的 css 图像宽度样式有问题。图像宽度设置为 100%，但图像以其原始大小显示。并且溢出以某种方式被隐藏了。但是我无法弄清楚是哪个元素导致了这种行为以及如何解决它？

http://www.dailycat.de/19-gruende-warum-man-katzen-lieben-muss-758/

谢谢，非常感谢您的帮助!

Answer 1

由于您的 .row-fluid 具有 display:table; 浏览器将其呈现为表格，因此当您设置 table-layout:fixed; 时，浏览器设置宽度表到 100%，忽略它的单元格的宽度。您的图像宽度大于移动设备上的浏览器 Canvas ，当您使用 table-layout:auto; (默认值)时，容器的宽度变为单元格的宽度(在您的情况下 -图片的宽度)

关于 table-layout 的更多信息 w3schools

这段代码应该可以解决你的问题

.row-fluid {table-layout:fixed;}