CSS3 渐变出现锯齿如何消除，为什么会出现锯齿？

Question

css

.wrap {
            width: 600px;
            height: 300px;
            margin:  60px auto;
            background: linear-gradient(to bottom right, #e9e7df 50%, #ffffff 50%);
        }
html 

<p class="wrap" id="we">

Answer 1

可能是你的瀏覽器渲染核心的原因，我在MAC的最新版本Chrome裡將頁面放大到 500% 無任何鋸齒。你可以換成最新的Chrome試試。舊版瀏覽器的渲染多少會有問題