Может ли помочь этому ? (Большая путаница «этого» в javascript исходит из того факта, что он вообще не связан с вашим объектом, а с текущей исполняемой областью - это может быть не совсем так, как это работает, но для меня это всегда так, см. статью для полного объяснения)
Вот очень простой пример того, как вы можете использовать Media Queries .
ОБНОВЛЕНИЕ: Здесь у вас есть полное и актуальное описание Медиа-запросов .
Вам нужно изменить размер окна до 600px или меньше, чтобы вы могли видеть кнопку.
button {
display: none;
}
@media only screen and (max-width: 600px) {
button {
display: block;
}
}
<html>
<head>
</style>
</head>
<body>
<button>Test</button>
<p>Resize the browser window. When the width of this document is 600 pixels or less, the button is visible, otherwise not".</p>
</body>
</html>