logo怪兽资源网

2020
怪兽资源网
首页 » 网站建设 » 利用CSS控制内容分别在PC电脑端或者移动端单独显示方法
免费在线看电影 免费在线看电影 小明娱乐网 3元/月 3元/月
流量卡免费送 巨基影视-你的私人电影院 3元/月 3元/月 3元/月
3元/月 3元/月 3元/月 3元/月 3元/月

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

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

第一、仅在移动端显示

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

第二、仅在电脑端显示

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

文章如无特别注明均为原创! 作者: 怪兽, 转载或复制请以 超链接形式 并注明出处 怪兽资源网
原文地址《 利用CSS控制内容分别在PC电脑端或者移动端单独显示方法》发布于2020-2-14

分享到:
打赏

评论

游客

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

1362