这项技术用于调整Google Chrome新标签按比例使用的图片的大小是什么？

Question

我在Google Chrome 测试版的新标签中看到了此代码,如果安装了标签,则会显示图标.

他们正在使用任何技术来调整图像大小.

这是一个图标的html

<div class="app-img-container launch-click-target" title="Box Office" style="height: 97.56981132075472px; width: 97.56981132075472px; ">
    <img class="" src="chrome://extension-icon/dhbbohlkjglcppclgngklojecglglinl/128/0">
  </div>

它是相关课程的CSS

.app-img-container {
margin-left: auto;
margin-right: auto;
-webkit-mask-size: 100% 100%;
}

.app-img-container > * {
height: 100%;
width: 100%;
}

谁能告诉我他们使用的是哪种方法？它是基于Javascript吗？

要检查此项,您可以安装Google Chrome测试版并从Chrome商店安装一些应用,然后在Chrome中打开一个新标签.你会看到图标.

注意:它仅适用于Beta版本

这是我从视图源 http://jsbin.com/ikituc/edit#html中获取的Tab页面的完整来源

这是我从Chrome开发者工具HTML标签 http://jsbin.com/ekiqaf/edit#html 复制的数百个来源

我想知道用于重新调整图标大小的方法.

Answer 1

该方法肯定是基于javascrip。如果你看一下这个calculateLayout_方法，你就会明白为什么:)