帮我写一个兼容手机端的雪花代码，不要把随机数写到style里面

好的，这是一个兼容手机端的雪花代码，它不会将随机数写入style中：

<style>
  /* 设置雪花的样式 */
  .snowflake {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    animation: fall 2s infinite;
  }

  /* 设置雪花的动画效果 */
  @keyframes fall {
    0% {
      top: 0;
    }
    100% {
      top: 100%;
    }
  }
</style>

<div id="snowflakesContainer"></div>

<script>
  // 设置雪花的数量
  const snowflakeCount = 20;

  // 创建雪花
  for (let i = 0; i < snowflakeCount; i++) {
    const snowflake = document.createElement('div');
    snowflake.classList.add('snowflake');
    // 设置雪花的初始位置（随机）
    snowflake.style.left = `${Math.random() * 100}%`;
    document.getElementById('snowflakesContainer').appendChild(snowflake);
  }
</script>

这段代码会在网页上创建20个雪花，并设置它们的样式和动画效果。雪花的位置是随机的，但它们的初始位置是通过JavaScript设置的，而不是通过style。这样就可以保证在手机端正常运行了。

希望这对你有帮助！