自适应网站PC端和移动端展示不同内容的方法

  自适应网站PC端和移动端展示不同内容的方法,最近做了一个自适应网站,在进行网站SEO优化的时候发现了一个问题,自适应网站PC和M端默认是一样的。  这就有个问题了,假如我在PC端设置的广告,在M端就显示不出来,那要怎么

[时间:08-20]    [浏览:]    [放入收藏夹]    [查看详情]

  自适应网站PC端和移动端展示不同内容的方法,最近做了一个自适应网站,在进行网站SEO优化的时候发现了一个问题,自适应网站PC和M端默认是一样的。

  这就有个问题了,假如我在PC端设置的广告,在M端就显示不出来,那要怎么解决这个问题呢?

  自适应网站PC端和M端展示不同内容的代码:




把这段代码放到你的要展示的位置,就可以了。

<style type="text/css">
.pc_acmsd{display:block;}
.m_acmsd{ display:none}
@media(max-width:768px) {
.pc_acmsd{display:none !important;}
.m_acmsd{display:block !important;}}
</style>
<div class="pc_acmsd">你的PC广告</div>
<div class="m_acmsd">你的M广告</div>


 


标签: