이브위키:연습장/대문: 두 판 사이의 차이

편집 요약 없음
문서를 비움
태그: 비우기
1번째 줄: 1번째 줄:
<html>
 
<center>
<div class="banner hot" style="position: relative; width: 100%; padding-bottom: 119.25%; margin-bottom: 4px; overflow: hidden;">
<embed src="https://evewiki.kr/mainpage/hot.html" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; border: none;"></iframe>
</div>
<style>
/* 모바일 */
@media screen and (max-width: 594px) { .hot { padding-bottom: 191.3% !important; } }
@media screen and (min-width: 595px) and (max-width: 699px) { .hot { padding-bottom: 121% !important; } }
@media screen and (min-width: 700px) and (max-width: 799px) { .hot { padding-bottom: 120.3% !important; } }
@media screen and (min-width: 800px) and (max-width: 899px) { .hot { padding-bottom: 119.8% !important; } }
@media screen and (min-width: 900px) and (max-width: 1023px) { .hot { padding-bottom: 120% !important; } }
@media screen and (min-width: 1024px) and (max-width: 1239px) { .hot { padding-bottom: 119.6% !important; } }
</style>
</center>
</html>
<html>
<head>
    <script>
        function changeEmbedSrc() {
            var embed = document.getElementById('ddackddack');
       
            if (window.innerWidth < 1024) {
                embed.src = 'https://evewiki.kr/mainpage/recmdMobile.html';
            } else {
                embed.src = 'https://evewiki.kr/mainpage/recmd.html';
            }
        }
        window.addEventListener('load', changeEmbedSrc);
        window.addEventListener('resize', changeEmbedSrc);
    </script>
    <style>
        /* 모바일 */
        @media screen and (max-width: 769px) { .recommend { height: 150px !important; } }
    </style>
</head>
<body>
    <div>
    <embed id="ddackddack" class="banner recommend" src="https://evewiki.kr/mainpage/recmd.html" type="text/html" style="width: 100%; height: 300px; overflow: hidden; border-radius: 8px;"></embed>
</body>
</html>
{{대문/css}}
[[분류:이브위키]]
<no-comment-streams />

2023년 6월 3일 (토) 14:09 판