|
|
@@ -203,7 +203,7 @@ head{width: 100%;height: 100%;overflow: hidden;}
|
|
|
.tanc img{width: 100%;display: block;overflow: hidden;}
|
|
|
.album-box .hiden {
|
|
|
width: 100%;
|
|
|
- height: calc(100% - 6rem);
|
|
|
+ height: calc(100% - 5rem);
|
|
|
}
|
|
|
.album-box .text-box .qrcode {
|
|
|
/*width: 6rem;*/
|
|
|
@@ -217,16 +217,18 @@ head{width: 100%;height: 100%;overflow: hidden;}
|
|
|
}
|
|
|
.album-box .text-box .qrcode img {
|
|
|
position: absolute;
|
|
|
- width: 6rem;
|
|
|
+ width: 5rem;
|
|
|
margin: 0 auto;
|
|
|
- height: 6rem;
|
|
|
+ height: 5rem;
|
|
|
}
|
|
|
|
|
|
.album-box .template-1 .qrcode img {
|
|
|
- bottom: 5rem;
|
|
|
+ bottom: 1.25rem;
|
|
|
margin: auto;
|
|
|
right: 0;
|
|
|
left: 0;
|
|
|
+ width: 4.25rem;
|
|
|
+ height: 4.25rem;
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -320,10 +322,22 @@ head{width: 100%;height: 100%;overflow: hidden;}
|
|
|
|
|
|
@media screen and (max-width:325px){
|
|
|
.album-box .template-1 .qrcode img {
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
- bottom: 5px;
|
|
|
+ bottom: 1.25rem;
|
|
|
+ margin: auto;
|
|
|
+ right: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 3.5rem;
|
|
|
+ height: 3.5rem;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
-
|
|
|
+@media screen and (min-height:720px){
|
|
|
+ .album-box .template-1 .qrcode img {
|
|
|
+ bottom: 1.45rem;
|
|
|
+ margin: auto;
|
|
|
+ right: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 5rem;
|
|
|
+ height: 5rem;
|
|
|
+ }
|
|
|
}
|