小编phi*_*hil的帖子

WebKit:带有css scale + translate3d的模糊文本

我发现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 - 这里的重点是将代码剥离到最基本的要素.

webkit blurry scale css3 translate3d

56
推荐指数
4
解决办法
9万
查看次数

WP8主屏幕上的站点图标

通过iOS,Android甚至BlackBerry,您可以指定将页面添加到设备主屏幕时显示的图标.现在,Windows 8允许您指定将页面固定到开始屏幕时显示的图标,如下所示:

<meta name="msapplication-TileImage" content="logo144.png"/>
Run Code Online (Sandbox Code Playgroud)

但是,这似乎不适用于Windows Phone 8.这是正确的吗?WP8中是否还有其他方法可以指定我的Google忍者技能失败后使用的图标(而非屏幕截图)?

windows-phone-8

5
推荐指数
2
解决办法
3309
查看次数

标签 统计

blurry ×1

css3 ×1

scale ×1

translate3d ×1

webkit ×1

windows-phone-8 ×1