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

【问题标题】：Image width 100% on Mobile Devices in Newspaper Wordpress Theme报纸 Wordpress 主题中移动设备上的图像宽度 100%
【发布时间】：2014-09-07 01:02:16
【问题描述】：

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

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

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

【问题讨论】：

检查您的媒体查询...当屏幕小于 750 像素时，它不会调整图像大小

标签： html wordpress css width

【解决方案1】：

由于您的 .row-fluid 具有 display:table; 浏览器将其呈现为表格，因此当您设置 table-layout:fixed; 时，浏览器将表格的宽度设置为 100%，忽略其单元格的宽度。您的图像比移动设备上的浏览器画布具有更大的宽度，当您拥有table-layout:auto;（默认值）时，容器的宽度变为单元格的宽度（在您的情况下 - 图像的宽度）

有关table-layout 的更多信息，请访问w3schools

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

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

【讨论】：

确实在桌面上的 chrome 上解决了问题，但在 iphone 上无法正常工作
这很奇怪。在调整浏览器图像大小后调整大小的 Safari 作品？
添加.row-fluid {display:block;}，在一些媒体查询中设置移动设备宽度。出于某种原因，移动 safari 不尊重 table-layout:fixed; 可能会覆盖此内容

【解决方案2】：

您的 wordpress 主题上有一个 javascript，它覆盖了您的 css。当您检查图像时，会生成 width 和 height 属性，它也会影响容器和包装器。您必须在主题中找到禁用此行为的位置（干净）

【讨论】：