以下是一个静态网页代码，用于祝福女生生日快乐，并添加了一个炫酷的动态变幻的心形图案作为背景，并且使其适应手机屏幕。
```html
<!DOCTYPE html>
<html>
<head>
<title>Happy Birthday!</title>
<style>
body {
overflow: hidden;
background-color: black;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
#heart {
position: relative;
width: 20vmin;
height: 20vmin;
animation: heartAnimation 3s infinite;
background-image: url('https://i.imgur.com/dkxKJn5.gif');
background-size: cover;
}
@keyframes heartAnimation {
0%, 100% {
width: 20vmin;
height: 20vmin;
transform: scale(1);
}
50% {
width: 30vmin;
height: 30vmin;
transform: scale(1.2);
}
}
#message {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
h1, p {
color: white;
}
</style>
</head>
<body>
<div id="heart"></div>
<div id="message">
<h1>Happy Birthday!</h1>
<p>祝福你生日快乐，愿每天都充满欢笑和快乐！</p>
</div>
</body>
</html>
```
此代码使用了一个`heart` id 的 `div` 元素作为背景，并设置了宽度和高度为相对于视口宽度的20vmin。并使用了一个动画效果，通过keyframes实现宽度和高度的变化。背景图像使用了一个动态变幻的心形GIF图。
同时，使用了flex布局和绝对定位，使得消息文本始终垂直居中在页面中央。在手机上，页面会自动适应屏幕大小。
你可以将这段代码保存为一个HTML文件，并在浏览器中打开，即可看到生日祝福页面。
