- 當(dāng)前位置：
- 首頁 >
- 通過JavaScript代碼實(shí)現(xiàn)在不同設(shè)備上顯示不同的內(nèi)容
通過JavaScript代碼實(shí)現(xiàn)在不同設(shè)備上顯示不同的內(nèi)容
發(fā)布時(shí)間：2023年12月02日 20:05:12 作者：piikee 瀏覽數(shù)：697
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive Example</title>
<style>
#desktop-content {
display: block;
}
#mobile-content {
display: none;
}
@media only screen and (max-width: 600px) {
#desktop-content {
display: none;
}
#mobile-content {
display: block;
}
}
</style>
</head>
<body>
<div id="desktop-content">
<h1>This is Desktop Content</h1>
<p>This content is visible on desktop devices.</p>
</div>
<div id="mobile-content">
<h1>This is Mobile Content</h1>
<p>This content is visible on mobile devices with a width of 600 pixels or less.</p>
</div>
<script>
// JavaScript for additional interactivity (if needed)
</script>
</body>
</html>