正文

CMS如何放入手機和電腦端顯示不同的代碼

在網站后臺→模板→列表模板(內容模板)等→修改,找到想顯示的地方,放入下面的代碼!可以先放入,生成刷新后看看效果,不行在換一個地方放入。放入后,要刷新后,才會顯示的。

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

<p class="pc_acmsd">此處放入顯示在電腦上的代碼</p>

<p class="m_acmsd">此處放入顯示在手機上的代碼</p>

上面CSS的意思:

display:block 這是顯示的意思

display:none 這是隱藏的意思

@media(max-width:768px) 判斷頁面寬度小于768PX的時候顯示后面{ }的樣式。

聲明:月季網致力月季產業(yè),部分文字和圖片來源網絡,版權歸原作者,如有侵權請聯(lián)系刪除。

月季網

月季網