我在DIV中有一个段落,当宽度> 500时要完全隐藏,而在宽度

<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>

10-07 12:24