修改定位

index.html

@@ -59,27 +59,27 @@
 </audio>
 <div class="balloons text-center" id="b1">
     <!--<h2 style="color:#F2B300;">胡</h2>-->
-    <h2 style="top: -10px"><img class="jpg" src="log.png"></h2>
+    <h2><img class="jpg" src="log.png"></h2>
 </div>
 <div class="balloons text-center" id="b2">
     <!--<h2 style="color:#0719D4;">琴</h2>-->
-    <h2 style="top: -10px"><img class="jpg" src="qqlog.jpeg"></h2>
+    <h2 ><img class="jpg" src="qqlog.jpeg"></h2>
 
 </div>
 <div class="balloons text-center" id="b3">
-    <h2 style="color:#D14D39;top: -10px">生</h2>
+    <h2 style="color:#D14D39;">生</h2>
 </div>
 <div class="balloons text-center" id="b4">
-    <h2 style="color:#8FAD00;top: -10px">日</h2>
+    <h2 style="color:#8FAD00;">日</h2>
 </div>
 <div class="balloons text-center" id="b5">
-    <h2 style="color:#8377E4;top: -10px">快</h2>
+    <h2 style="color:#8377E4;">快</h2>
 </div>
 <div class="balloons text-center" id="b6">
-    <h2 style="color:#99C96A;top: -10px">乐</h2>
+    <h2 style="color:#99C96A;">乐</h2>
 </div>
 <div class="balloons text-center" id="b7">
-    <h2 style="color:#20CFB4;top: -10px">！
+    <h2 style="color:#20CFB4;">！
         <!--<img style="max-width: 300px;-webkit-border-radius: 10px 20px 20px 20px ;-->
 			<!-- -moz-border-radius: 20px 20px 20px 20px ;-->
 			<!--border-radius: 20px 20px 20px 20px ;" src="r1.jpeg">-->

stylesheet.css

@@ -1104,6 +1104,8 @@ audio {
 	color: #BF4136;
 	text-shadow: 5px 5px 5px #FFF;
 	display: none;
+	position: absolute;
+	top:calc(100vw / 30) ;
 }
 #b1,#b11 {
 	background-image: url('b1.png');