Javascript 谷歌chrome新标签使用的按比例调整图像大小的技术是什么？

我在Google ChromeBeta版本的新标签中看到了这段代码，如果安装了标签，它会显示图标

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

这是一个图标的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>

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

要检查这一点，您可以从chrome商店安装一些应用程序，然后在chrome中打开一个新选项卡。你将看到这些图标

注意：它只适用于测试版

这是我从view source中获取的标签页的全部来源

这是我从Chrome开发者工具HTML选项卡复制的rendred源代码

---

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

该方法肯定基于javascrip。

---

如果你看一下calculateLayout方法，你就会明白为什么：）

这是一个JS+CSS支持的解决方案

<div class="app-img-container launch-click-target" title="Chrome Web Store" 
 style="height: 67.98490566037735px; width: 67.98490566037735px; ">
    <img class="" src="chrome://theme/IDR_WEBSTORE_ICON">
  <img class="apps-promo-logo">
</div>

---

他们通过编程设置.app img容器的宽度，image通过CSS获得此宽度。

您所说的可调整大小是什么意思？金丝雀中没有可调整大小的图标。如果你的意思是从小图标调整到大图标，我应该说每个应用都有两个不同的图标。例如，对于愤怒的小鸟：

chrome://extension-icon/aknpkdffaafgjchaibgeefbgmgeghloj/16/1

chrome://extension-icon/aknpkdffaafgjchaibgeefbgmgeghloj/128/0

---

任何其他“调整大小”都是因为CSS3转换

在新选项卡页面上查看源代码并查看javascript（CTRL+F:

width=

）应用程序图标在Chrome中无法重新调整大小，您需要手动在应用程序中包含不同大小的图标。

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

chrome://extension-icon/aknpkdffaafgjchaibgeefbgmgeghloj/16/1

chrome://extension-icon/aknpkdffaafgjchaibgeefbgmgeghloj/128/0