Object-fit:覆盖Safari上不能正常工作的问题

文章/答案/技术大牛

发布

2回答

css、safari、cross-browser

现在有一个浏览器支持的问题。下面是影响此行&

浏览 221提问于2020-02-13得票数 8

1回答

Elementor Object Fit在Chrome中无法正常工作

css、wordpress、google-chrome、elementor、object-fit

我正在使用Elementor在Wordpress中创建一个站点，并且我有对象拟合设置为覆盖的图像。这在Firefox上运行得很好，但当使用Google Chrome时，它似乎不起作用。如下图所示：不用担心字体，这只是我的Chrome设置。有人知道为什么会这样吗？即使我添加了CSS object-fit: cover;它仍然不能正常工作。编辑:我不

浏览 2提问于2021-02-09得票数 0

1回答

Safari视频不工作，但所有浏览器工作自动播放。多路视频逐个播放

javascript、css、html

**html5视频safari自动播放不工作？我的代码可以一一播放多个视频，但它不能在safari浏览器中工作，有任何方法可以在safari中启动自动播放，也请帮助我这个查询。在safari浏览器中使用和工作正常的任何方法。有任何其他的工作方式来使用它。谢谢，代码只是HTML和js，我用它来创建一个id和用来在浏览器中播放视频。video-container &q

浏览 26提问于2019-03-19得票数 0

3回答

100vh在windows的safari中不能工作吗？

html、css、safari、cross-browser

我一直在构建一个网站的首页，以了解一些web开发在所有浏览器上运行得很好，我已经在除safari之外的所有浏览器(windows)上进行了测试。我有一个html步骤，这样我就有样式为100vw和100vh的部分。在旅行中，它们的高度似乎是0； <div id="wrapper"> <section id=&q

浏览 2提问于2016-02-23得票数 2

1回答

网站在Safari上不能正常工作

html、css、safari、opera

我为一个学校项目创建了这个网站，它在所有浏览器上都运行得很好.除了野生动物(还有网络探险家，但是是的..。呃.)。无论如何，我的class="logo1“不再落后于我的class="middentextvak1”，而它在其他浏览器上做得很好。我真的不知道该怎么办了。在第二张图片中，您可以看到徽标下降到底部：(参见评论，因为代表而不能发布) htm

浏览 1提问于2014-06-22得票数 0

回答已采纳

4回答

适用于ie 11的对象拟合替代方案

javascript、css、internet-explorer

使用以下css将图像设置为填满屏幕并从中心缩放height:100%;display: block;}我怎样才能在ie 11上实现同样的</

浏览 3提问于2017-04-26得票数 1

1回答

响应方img (填充-底部: 100%)不工作在iOS？

css、css-grid、responsive-images、object-fit

我在我的博客中有一个“相关帖子”的网格，并尝试了padding-bottom: 100%技巧，使每个帖子响应方的形象。我哪里出问题了？我检查了Caniuse上的object-fit属性，并且很大程度上支持它。在Safari、Chrome、Edge和Fire

浏览 3提问于2020-05-04得票数 0

1回答

对象适配:盖子不使用没有边框半径的视频标签。

html、css、html5-video

我面临一个问题，就是我不能让object-fit: cover;使用视频标记，因为它是在父容器之外覆盖的，即使我使用了object-fit: cover;。只有一个解决方案有效:添加具有某些值的边框半径，例如： border-radius: 10px;到视频标记css。工作示例：在border-radius: 10px;行中或向外注释以查看我的问题是什么。

浏览 0提问于2017-04-29得票数 2

回答已采纳

1回答

GothamBold字体在safari上不能正常工作

html、css

GothamBold字体在Safari上显示不正确。它也不能与display:flex一起正常工作。有没有办法解决这个问题？

浏览 16提问于2019-04-09得票数 0

回答已采纳

1回答

转换动画在Safari上不能正常工作。

javascript、css

webkit-transform: translate(0); transform: translate(0);对于将active添加到我使用的块active'); bounds: 0, });这个动画在Firefox，Opera，当然还有Chrome上运行得很好但是iPhone上也有一些问题。下面是示例：，正如您可以看到的</

浏览 4提问于2022-04-25得票数 0

回答已采纳

1回答

字号动画在safari上不能正常工作。

css、animation、safari

我有一个CSS动画，可以在火狐和Chrome上工作，但在Safari上抖动。webkit-box; width: 100%; animation-timing-function: ease-out;当li文本选择时，我添加了一个.selected-msg类来设置它的样

浏览 3提问于2017-05-26得票数 2

1回答

剪辑路径在Safari上不能正常工作。

html、css、angular

这是完美的铬，但行为不正常的狩猎。这是我的代码：你可以在这里找到它的工作状态：

浏览 0提问于2019-07-24得票数 0

1回答

matTooltip在iOS上不能正常工作(Safari)

ios、angular、angular-material、tooltip、angular-material2

我使用的是来自Tooltip的Angular Material，工具提示在iOS (Safari)上没有正确显示。这是我经历的行为： iPhone with iOS 14:工具提示显示在长点击上在Android系统上，一切都如期而至。在我看来，matTooltip实际上根本没有在iOS上工作。这是

浏览 7提问于2021-03-25得票数 1

1回答

Safari在$(window).scroll函数上不稳定/闪烁

javascript、jquery、css、safari

我在Safari中遇到了一个问题-当改变页面滚动上一个元素的高度和另一个元素的边距时，图像在滚动时闪烁或跳动。到目前为止，这在Chrome / Firefox (OSX)上运行得很顺利，正如人们所预期的那样，但你会在Safari上看到这个问题：编辑:我想我应该在这里补充说，这个“bug”在使用鼠标滚轮时最

浏览 0提问于2015-07-15得票数 1

1回答

是否有一种方法可以覆盖webkit浏览器中的最小字体大小？

javascript、canvas、fonts、webkit、font-size

我在画布实例上呈现微小的文本，它在Firefox 4上正常工作，但在Chrome和Safari上，字体呈现使用这些浏览器中设置的最小字体大小，它已经达到了最小值，不能通过UI (看起来像6px字体大小)降低，但它仍然太大，无法完成我想要实现的任务。我用来打印字体的代码类似于下面的代码，以防它有用：ctx.fillText(

浏览 3提问于2011-06-10得票数 5

2回答

选项:禁用css样式在Chrome和Safari* for MAC上不起作用*

css、google-chrome

我不能改变一个禁用选项的颜色在Chrome和Safari for MAC OSx上。在firefox上，这段代码可以正常工作。如何覆盖跨浏览器的样式？ 

浏览 1提问于2017-12-06得票数 3

3回答

background-color: inherit在IE 8/9/10上不适用于输入元素

css、internet-explorer、internet-explorer-8

如果我有一个设置了显式背景颜色的div，并且里面有一个input元素，背景颜色设置为'inherit'，那么它在Chrome、Firefox和Safari上就能正常工作，但在IE 8、9或10上就不能工作了下面是一个说明问题的最小示例：文本框应具有相同的背景色。当您将鼠标悬停在div上时，div的背景颜色会发生变化，输入也会发生变化。当你点击

浏览 1提问于2013-07-06得票数 22

回答已采纳

1回答

iOS Safari将<table>从display: table；更改为display: block；

ios、safari、html-table、mobile-safari、css-tables

我在iOS上的Safari中遇到了<table>元素的问题。我想将一个表更改为display:block;，但似乎无法将其从display: table;中移开。我可以在我的macbook pro上调试它并检查元素，奇怪的是，在我的另一个网站上，我有一个<table>，它是display: block;，我不能更改它，但我有一个不同的<table> (我想要更改的

浏览 18提问于2017-01-13得票数 2

回答已采纳

1回答

feGaussianBlur在Safari或IE上不能正常工作？

html、css、svg、css-animations、svg-filters

我已经检查过Safari支持feGaussianBlur，但是为什么它没有在浏览器上显示模糊效果？有谁能解释一下这个问题吗？

浏览 1提问于2017-06-29得票数 0

1回答

我有一个大的，宽的图像，我正在使用CSS动画。在Chrome (桌面和Android)和Firefox上，图像会按照预期显示和动画。然而，在Safari (桌面和移动设备，v12.1)上，图像通常不是动画，或者更糟糕的是-在初始加载时部分显示/根本不显示。在一个或两个页面刷新之后，它开始按预期运行(可能是因为它从缓存加载图像)。禁用动画后，图像在初始加载时显示正常。你知道为什么Safari会这样吗？

浏览 2提问于2019-04-14得票数 0

点击加载更多