Как сделать PDF -поворот в кнопку на маленьком экране? ⇐ Javascript

[Anonymous]

Я пытаюсь иметь PDF -дисплей на экране для просмотра, но превращайтесь в кнопку при просмотре на мобильном телефоне. Я бы хотел, чтобы это была кнопка, которая подтягивается на отдельной странице. На мобильном просмотре это крошечная коробка, а не кнопка.
Overview Of Me!







< /code>
js < /p>
function makeResumeBtn() {
const button = document.createElement("button");
button.id = "resumeBtn";
button.textContent = "Resume";

const container = document.getElementsByClassName(".container-about");
container.appendChild(button);
}

let widthMatch = window.matchMedia("(max-width: 767px)");

widthMatch.addEventListener("change", function (makeResumeBtn) {
if (makeResumeBtn.matches) {
$(".pdf").toggleId("resumeBtn");
} else {
}
});
< /code>
css < /p>
.container-about {
text-align: center;
}

.resume {
width: 800px;
margin: 0 auto;
}

.pdf {
width: 800px;
height: 500px;
}

@media screen and (max-width: 767px) {
.resume,
.pdf {
width: auto;
height: 50px;
}
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... all-screen