「自学哈网」利用CSS控制内容分别在PC电脑端或者移动端单独显示方法

作者 : 自学哈本文共380个字，预计阅读时间需要1分钟 2022-11-26 共119人阅读

也想出现在这里？联系我们吧

比如我们想象一下，如果显示器低于某个尺寸，然后我们就判断是移动端，然后就让显示，如果超过这个尺寸就判断是电脑端让不显示。反正他是要让移动端显示，这样就不要用复杂的JS代码判断。

第一、仅在移动端显示

1
2
3
4
5
6

<div class=“onlywap”>移动端显示内容</div><style>
.onlywap{display: inline;}
@media (min-width: 950px){.onlywap{display:none;}}
</style>

第二、仅在电脑端显示

1
2
3
4
5
6

<div class=“onlymobile”>电脑端端显示内容</div><style>
.onlymobile{display: none;}
@media (min-width: 950px){.nonlymobile{display:inline;} }
</style>

本站声明：
本站所有资源来源于网络，分享目的仅供大家学习和交流！如若本站内容侵犯了原著者的合法权益，可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台，好资源不私藏，大家一起分享！

自学哈网 » 「自学哈网」利用CSS控制内容分别在PC电脑端或者移动端单独显示方法