(새 문서: @media screen and (max-width: 768px) { .novel-window { display: inline-block; width: 100%; height: 100%; background: white; position: absolute; top: -50%; right: 50%;...) |
편집 요약 없음 |
||
| 43번째 줄: | 43번째 줄: | ||
font-family: Noto Serif KR; | font-family: Noto Serif KR; | ||
color: black; | color: black; | ||
} | |||
.moblile-x-btn-margin { | |||
display: none; | |||
} | } | ||
} | } | ||
2024년 2월 13일 (화) 22:15 판
@media screen and (max-width: 768px) {
.novel-window {
display: inline-block;
width: 100%;
height: 100%;
background: white;
position: absolute;
top: -50%;
right: 50%;
transform: translate(50%, 50%);
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #ddd;
border-radius: 5px;
padding: 5px;
text-align: justify;
font-family: Noto Serif KR;
color: black;
}
.moblile-x-btn-margin {
display: inline-block;
float: right;
width: 2.5em;
height: 1em;
}
}
@media screen and (min-width: 768px) {
.novel-window {
display: inline-block;
max-width: 700px;
height: 100%;
background: white;
position: absolute;
top: -50%;
right: 50%;
transform: translate(50%, 50%);
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #ddd;
border-radius: 5px;
padding: 5px;
text-align: justify;
font-family: Noto Serif KR;
color: black;
}
.moblile-x-btn-margin {
display: none;
}
}