У меня есть абзац внутри DIV, который я хочу полностью скрывать, когда ширина> 500 и отображать, когда ширина равна < 500. Я не уверен, что здесь не так.Скрыть Div на рабочем столе, показать на мобильном телефоне
<head>
<style type="text/css">
#mobileshow { display:none; }
@media screen and (max-width: 500px) {
#mobileshow { display:block; }
}
</style>
</head>
<div id="mobileshow"><p>Click the images below to download.</p></div>
Видимо мое форматирование было неправильно. Слишком много пробелов или разрывов строк в неправильном месте. Не уверен, что. Вот обновленный код:
<style type="text/css">
#mobileshow {
display:none;
}
@media screen and (max-width: 500px) {
#mobileshow {
display:block; }
}
</style>
<div id="mobileshow"><p>Click the images below to download.</p></div>
сделать
#mobileshow { display:block; }
@media screen and (min-width: 500px) {
#mobileshow { display:none; }
}
Другой способ
@media only screen and (min-width: 500px) {
#mobileshow {
display: none !important;}
}