0

Flexslider を使用すると、これは他の場所でも当てはまる可能性がありますが、すべての要素がぼやけたりぼやけたりすることがあります。これには、テキストと境界線が含まれます。それは、flexslider が 0.5 ピクセル分オフセットする必要があると判断したときだと思います。この効果、またはサブピクセルオフセットを防ぐ方法はありますか? 私はすべてのテキストレンダリングを試しました。

また、Chrome Dev Tools に移動して .5 ピクセルを削除しても修正されないようです。

修正の 1 つは CSS アニメーションを無効にしているように見えますが、モバイルでは非常に遅くなり、実際には正しく動作しません (指にはくっつかず、スワイプが終了した後にのみ更新されます)。

通常のクリア要素 ぼやけた要素

4

2 に答える 2

0

CSS を変更しなくても、フロートを丸めることができました。ありがとう！

if (r.transitions) {
    i = Math.floor(parseFloat(i.slice(0,-2))) + "px";
    i = l ? "translate3d(0," + i + ",0)" : "translate3d(" + i + ",0,0)";
    n = n !== undefined ? n / 1e3 + "s" : "0s";
    r.container.css("-" + r.pfx + "-transition-duration", n)
}
于 2013-12-27T01:52:19.370 に答える
0

.slides 要素から .5 を削除し、.slides 要素を削除して、自分で修正することができました-webkit-backface-visibility: hidden;。

これを永続的にするために、CSSから行を削除します

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}

なる

.flexslider .slides > li {display: none;}

また、flexslider javascript ファイルで:

if (r.transitions) {
    i = l ? "translate3d(0," + i + ",0)" : "translate3d(" + i + ",0,0)";
    n = n !== undefined ? n / 1e3 + "s" : "0s";
    r.container.css("-" + r.pfx + "-transition-duration", n)
}

なる

if (r.transitions) {
    i = Math.floor(parseFloat(i.slice(0,-2))) + "px";
    i = l ? "translate3d(0," + i + ",0)" : "translate3d(" + i + ",0,0)";
    n = n !== undefined ? n / 1e3 + "s" : "0s";
    r.container.css("-" + r.pfx + "-transition-duration", n)
}

これにより、数値が切り捨てられます。

于 2013-09-17T22:17:57.640 に答える