网页抖动的出现通常是因为CSS设置不合理或者与其他CSS规则产生冲突，导致页面出现一些不必要的震动或闪烁。这种问题很容易影响用户的体验，并且可能对网站的SEO排名造成影响。
那么，如何避免网页抖动呢？下面是一些实用的技巧：
/* 1.使用 normalize.css规范样式 *//* 2.禁止图片和背景图的拖拽 */
img, img[src$=".gif"], img[src$=".png"], img[src$=".jpg"], img[src$=".jpeg"], img[usemap], area, input[type="image"], object, embed, .drag {
-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-select: none;
user-select: none;
}
/* 3.禁止动画重复播放 */
animation-iteration-count: 1;
/* 4.使用 transform 做移动等动画效果 */
transform: translate3d(0, 0, 0);
/* 5.合理使用CSS属性 */
比如说，不要同时设置 margin 和 position 等属性，因为这可能会导致网页抖动。
/* 6.不要在布局中使用 table */
使用 table 作为布局容器可能会导致网页抖动或者排版错乱。以上是一些避免网页抖动的技巧，大家在实际开发中可以根据页面需求使用一些较为合适的技巧，保证页面流畅、舒适，提高用户体验。