Как я могу использовать javascript только в специфическом размере

Я хочу знать, как я могу использовать он они происходит queries, но в javascript, чтобы помещать в функционирование код но специфический размер

// ACTIVAR ESTE SCRIPT EN UNA DIMENSIÓN DE 700PX DE ANCHO
function texto() {
var edit = "Estás en un movil";
document.getElementById("caja").innerHTML = edit;
}
.caja{
color: #fff;
background-color: #ff0000;
}
<div id="caja" class="caja">Estás en una pc</div>
0
задан 04.11.2019, 23:06
2 ответа

Ты можешь делать с событием onresize , чтобы вычислять ширину и высоту экрана, таким образом в самое меньшее существо в 700px aparecerГЎ текст, который он показывает ему, что он находится в одном mГіvil, любое сомнение сообщи ее.

let edit = "Estás en un movil";

window.onresize = function(event) {

    if(innerWidth < 700){
    document.getElementById("caja").innerHTML = edit;
    }else{
    document.getElementById("caja").innerHTML = 'Estás en una pc';
    }
};
.caja{
color: #fff;
background-color: #ff0000;
}
<div id="caja" class="caja">Estás en una pc</div>
0
ответ дан 01.12.2019, 12:47

Ты можешь использовать matchMedia этот объект позволяет тебе делать средний показатель queries css урожденные в javascript

присоединенный пример:

if(matchMedia("(min-width: 1200px)").matches){
   console.log("tu probablemente estas en un ordenador de escritorio")
}

ты Должен писать средний показатель querie как будто ты был в css, признак matches возвратит true или false, если средний показатель querie оказался истинным или не и pim pam бум там этот твой средний показатель querie в javascript

0
ответ дан 01.12.2019, 12:47

Теги

Похожие вопросы