| | |
|---|
| | |
|
|---|
| | | <link rel="stylesheet" href="style.css">
|
|---|
| | | <style>
|
|---|
| | | @media only screen and (max-width:1280px){
|
|---|
| | | .clock{
|
|---|
| | | margin-top: 28px;
|
|---|
| | | }
|
|---|
| | | .clock .divider {
|
|---|
| | | font-size: 24px;
|
|---|
| | | line-height: 35px;
|
|---|
| | | }
|
|---|
| | | .clock .flip{
|
|---|
| | | width: 24px;
|
|---|
| | | height: 35px;
|
|---|
| | | font-size: 24px;
|
|---|
| | | position: relative;
|
|---|
| | | line-height: 35px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | </style>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <script src="script.js"></script>
|
|---|
| | | <script inline="javascript">
|
|---|
| | | if(screen.width == 1280){
|
|---|
| | | var clock = document.getElementsByClassName("clock");
|
|---|
| | | for(var i=0;i<clock.length;i++){
|
|---|
| | | clock[i].style.marginTop = "28px";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | var divider = document.getElementsByClassName("divider");
|
|---|
| | | for(var i=0;i<divider.length;i++){
|
|---|
| | | divider[i].style.fontSize = "24px";
|
|---|
| | | divider[i].style.lineHeight = "35px";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | var flip = document.getElementsByClassName("flip");
|
|---|
| | | for(var i=0;i<flip.length;i++){
|
|---|
| | | flip[i].style.width = "24px";
|
|---|
| | | flip[i].style.height = "35px";
|
|---|
| | | flip[i].style.position = "relative";
|
|---|
| | | flip[i].style.fontSize = "24px";
|
|---|
| | | flip[i].style.lineHeight = "35px";
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | | </body>
|
|---|
| | | </html> |
|---|
