Elementor Object Fit 在 Chrome 中无法正常工作 [重复]
Posted
技术标签:
【中文标题】Elementor Object Fit 在 Chrome 中无法正常工作 [重复]【英文标题】：Elementor Object Fit not working properly in Chrome [duplicate] 【发布时间】：2021-05-12 15:15:48 【问题描述】：我正在使用 Elementor 在 Wordpress 中创建一个网站，并且我的图像对象适合设置为覆盖。这在 Firefox 上运行良好，但在使用 Google Chrome 时似乎无法正常工作。见下图：
不用担心字体，这只是在我的 Chrome 设置中。
这是 Elementor 中图像的设置：
有人知道为什么会这样吗？
即使我添加了 CSS
img
object-fit: cover;
它仍然无法正常工作。
编辑： 我不认为它与 Elementor 或任何东西有关，只是与 Chrome 本身有关。如果我只是执行以下操作：
<html>
<style>
img
object-fit: cover;
height: 200px;
width: 200px;
</style>
<img src="228.jpeg">
</html>
它在 Chrome 中仍然无法正常工作，给出以下信息：
【问题讨论】：
根据您的投诉here，请阅读this FAQ，解释为什么投票时不需要额外的明确反馈。 【参考方案1】：所以你想要的是让包含 img 的 div 本质上充当位于 img 之上的框架，切断超出该框架的 img 部分。您不会尝试更改实际图像的尺寸以适合框架内部。尝试将包含 div 的 img 的尺寸更改为 200px 的宽度和高度，如果这些是您希望 img 的尺寸。然后保持 object-fit:cover 但将 img 的宽度和高度更改为 100%。这将迫使它占据包含 div 的整个空间而不被扭曲。
【讨论】：
以上是关于Elementor Object Fit 在 Chrome 中无法正常工作 [重复]的主要内容，如果未能解决你的问题，请参考以下文章