我发现Chrome和其他WebKit浏览器大量模糊任何已应用translate3d的css缩放内容的问题.
这是一个JS小提琴:http://jsfiddle.net/5f6Wg/.(在Chrome中查看.)
.test {
-webkit-transform: translate3d(0px, 100px, 0px);
}
.testInner
{
/*-webkit-transform: scale(1.2);*/
-webkit-transform: scale3d(1.2, 1.2, 1);
text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div class="test">
<div class="testInner">
This is blurry in Chrome/WebKit when translate3d and scale or scale3d are applied.
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
有没有任何已知的解决方法?我在上面的简单示例中得到了这个,我可以简单地使用translate而不是translate3d - 这里的重点是将代码剥离到最基本的要素.
通过iOS,Android甚至BlackBerry,您可以指定将页面添加到设备主屏幕时显示的图标.现在,Windows 8允许您指定将页面固定到开始屏幕时显示的图标,如下所示:
<meta name="msapplication-TileImage" content="logo144.png"/>
Run Code Online (Sandbox Code Playgroud)
但是,这似乎不适用于Windows Phone 8.这是正确的吗?WP8中是否还有其他方法可以指定我的Google忍者技能失败后使用的图标(而非屏幕截图)?