我在Google Chrome Beta版本的新标签页中看到这个代码,如果已安装标签,则会显示该图标.
他们正在使用任何技术调整图像大小.
这是一个图标的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 Beta并安装Chrome存储中的一些应用程序,然后在chrome中打开一个新的选项卡.你会看到图标.
注意：它只适用于Beta版本
这是我从视图来源获取的Tab页面的全部来源
http://jsbin.com/ikituc/edit#html
这是我从Chrome开发人员工具HTML标签复制的rendred来源
http://jsbin.com/ekiqaf/edit#html
我想知道用于重新设置图标大小的方法.
解决方法
你的意思是可调整大小？金丝雀在这里没有可调整大小的图标.如果您的意思是从小图标调整为大图标,我应该说每个应用都有两个不同的图标.例如对于愤怒的小鸟：
chrome://extension-icon/aknpkdffaafgjchaibgeefbgmgeghloj/16/1 chrome://extension-icon/aknpkdffaafgjchaibgeefbgmgeghloj/128/0
任何其他“调整大小”是因为CSS3转换
