当前位置: 首页 > 面试题库 >

IE和Edge修复对象适合:封面;

宇文和昶
2023-03-14
问题内容

object-fit: cover;在CSS中使用了特定页面上的图像,因为它们需要粘贴在相同的上height。它适用于大多数浏览器。

但是,当在IE或Edge中缩放浏览器时,图像的大小将调整为width(而非height),而不是缩放。图像变形。

我可以使用什么CSS规则来解决此问题?


问题答案:

这是解决此问题的唯一CSS解决方案。 使用以下CSS。

.row-fluid {
  display: table;
}

.row-fluid .span6 {
  display: table-cell;
  vertical-align: top;
}

.vc_single_image-wrapper {
  position: relative;
}

.vc_single_image-wrapper .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

OP中的HTML:

<div class="vc_single_image-wrapper   vc_box_border_grey">
  <div class="image-wrapper" style="background-image: url(http://i0.wp.com/www.homedecor.nl/wp-content/uploads/2016/03/Gordijnen-Home-Decor-2.jpg?fit=952%2C480;"></div>
</div>

试试这个,它应该工作。还从.row-fluid .span6



 类似资料:
  • 问题内容: 其实这句话是什么意思? 一些示例用于分隔IE的版本,而某些示例则用于; 哪个是对的? 该命令具有一定的重要性,我希望知道这一点。 编辑 :我正在使用 问题答案: 如果您支持IE(对于Internet Explorer 8及更高版本),请执行以下操作: 强制浏览器呈现为该特定版本的标准。IE7及更低版本不支持此功能。 如果用分号分隔,它将设置不同版本的兼容性级别。例如: 将IE7和IE8

  • 问题内容: 我正在尝试制作一个响应式应用程序;在更大的屏幕,还有的div的列表,您可以滚动 起来 ,看看以前的申报单(“传统”的行为)。在较小的屏幕上,它显示相同的列表,但顺序相反,因此 向下 滚动将显示div。 我认为flexbox将是一个很棒的解决方案,它是在Chrome上。 这是HTML: 而且,CSS: 在Chrome中,div会正确显示滚动条。但是,在Firefox和IE / Edge中

  • 我们有一个复杂的多页面应用程序,单个页面上有多达100个网页元素,多个网格,动态元素等。POM模式要求页面的所有内容都封装在页面中,即在页面类中,我需要将我的定位器定义为字符串或Bys。我还应该定义与这些元素交互的公共方法。有两种处理这些交互的方法: 为每个元素和每个交互定义一个方法。例如,我有一个元素“Submit”。在我的page类中,我将创建ClickSubmit()公共方法,并在测试中调用

  • 我有一个用Wamp开发的php MVC网站作为测试服务器,它在Chrome、Opera、Safari和FF中运行得非常好。然而,每当我试图在IE或Edge中打开它时,html就会作为一个文件下载,并带有一个随机名称,没有扩展名。 我试着把它上传到我的共享主机上,仍然会遇到同样的问题,改变电脑来访问页面也没有什么区别。 我有一种感觉,我需要为IE和Edge声明一些东西,但不知道如何处理这个问题...

  • 主要内容:1. 类集群,2. 什么是复合对象?,复合对象示例在Objective-C中,可以在类集群中创建子类,该类集合定义了一个嵌入在其中的类。 这些类对象是复合对象。你可能想知道什么是类集群,下面首先了解什么是类集群。 1. 类集群 类集群是基础框架广泛使用的设计模式。 类集群在公共抽象超类下组合了许多私有具体子类。 以这种方式对类进行分组简化了面向对象框架的公开可见体系结构,而不会降低其功能丰富性。 类集群基于抽象工厂设计模式。 为了简单起见,创建了

  • 我们可以在类集群中创建子类,该类集合定义了一个嵌入在其中的类。 这些类对象是复合对象。 所以你可能想知道什么是类集群。 所以我们将首先看到什么是类集群。 类集群 类集群是基础框架广泛使用的设计模式。 类集群在公共抽象超类下组合了许多私有具体子类。 以这种方式对类进行分组简化了面向对象框架的公开可见体系结构,而不会降低其功能丰富性。 类集群基于abstract factory设计模式。 为了简单起见