[分享]css中如何选择极速模式

在CSS中，极速模式可以选择不同的方式，下面就让我们来了解一下。

body {
    -webkit-text-size-adjust: none; /* Chrome和Safari */
    -moz-text-size-adjust: none; /* FireFox */
    -ms-text-size-adjust: none; /* IE */
    text-size-adjust: none; /* Opera */
} 

以上代码可以使得文本不会被自动缩放，从而提高文本展示的速度。

div {
    -webkit-transform: translateZ(0); /* Chrome和Safari */
    -moz-transform: translateZ(0); /* FireFox */
    -ms-transform: translateZ(0); /* IE */
    transform: translateZ(0); /* Opera */
} 

以上代码可以开启GPU硬件加速，从而提高渲染速度。

img {
    width: 100%;
    height: auto;
} 

以上代码可以让图片适应容器的大小，从而减少图片的加载时间。

通过以上方式选择极速模式，可以提高页面的速度和用户体验。