自拍亚洲一区欧美另类,亚洲成人影院,亚洲午夜久久久久妓女影院,最近中文字幕高清中文字幕无,亚洲熟妇av一区二区三区漫画

互聯(lián)網(wǎng)知識(shí)

精準(zhǔn)傳達(dá) ? 價(jià)值共享

洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營(yíng)銷規(guī)律

在其他網(wǎng)站添加了在線客服代碼 手機(jī)版怎么隱藏

作者:狐靈科技 | 2019-12-31 14:46 |點(diǎn)擊:

在給客戶做網(wǎng)站建設(shè)當(dāng)中  有時(shí)候需要從其他素材網(wǎng)站添加在線客服代碼 添加后 發(fā)現(xiàn) 如果是響應(yīng)式的網(wǎng)站  手機(jī)上也會(huì)有

手機(jī)上本身底部就有  再或者在線客服太大 比較占空間

怎么讓手機(jī)版隱藏呢  其實(shí)原理很簡(jiǎn)單

我們只要判斷下屏幕大小 讓小屏幕不顯示即可

這里響應(yīng)式全局樣式用的是 bootstrap   這里和用的什么全局css樣式?jīng)]有關(guān)系的

寫下在屏幕 小于768就不顯示




 
.logo {
display: block;
margin: 0 auto;
max-width: 310px;
margin-top: 18px;
margin-bottom: 15px
}
 
#hlwlyincang {
display: none
}
 
  1.  
  2. @media screen and (max-width:768px) {

 
注意看橙色的代碼   中間的#hlwlyincang 就是隱藏

然后前臺(tái)這樣寫



 
  1. <div id="hlwlyincang">
    <!---中間寫想要在屏幕小的情況下 不顯示的代碼-->
    </div>
     

這樣就可以了

如果弄不清為什么要用id 不是.hlwlyincang 可以查看這篇文章
狐靈科技為你講解CSS中#和.的區(qū)別




響應(yīng)式工具

為了加快對(duì)移動(dòng)設(shè)備友好的頁(yè)面開(kāi)發(fā)工作,利用媒體查詢功能并使用這些工具類可以方便的針對(duì)不同設(shè)備展示或隱藏頁(yè)面內(nèi)容。另外還包含了針對(duì)打印機(jī)顯示或隱藏內(nèi)容的工具類。

有針對(duì)性的使用這類工具類,從而避免為同一個(gè)網(wǎng)站創(chuàng)建完全不同的版本。相反,通過(guò)使用這些工具類可以在不同設(shè)備上提供不同的展現(xiàn)形式。

可用的類

通過(guò)單獨(dú)或聯(lián)合使用以下列出的類,可以針對(duì)不同屏幕尺寸隱藏或顯示頁(yè)面內(nèi)容。

  超小屏幕手機(jī) (<768px) 小屏幕平板 (≥768px) 中等屏幕桌面 (≥992px) 大屏幕桌面 (≥1200px)
.visible-xs-* 可見(jiàn)
.visible-sm-* 可見(jiàn)
.visible-md-* 可見(jiàn)
.visible-lg-* 可見(jiàn)
.hidden-xs 可見(jiàn) 可見(jiàn) 可見(jiàn)
.hidden-sm 可見(jiàn) 可見(jiàn) 可見(jiàn)
.hidden-md 可見(jiàn) 可見(jiàn) 可見(jiàn)
.hidden-lg 可見(jiàn) 可見(jiàn) 可見(jiàn)

從 v3.2.0 版本起,形如 .visible-*-* 的類針對(duì)每種屏幕大小都有了三種變體,每個(gè)針對(duì) CSS 中不同的 display 屬性,列表如下:

類組 CSS display
.visible-*-block display: block;
.visible-*-inline display: inline;
.visible-*-inline-block display: inline-block;

因此,以超小屏幕(xs)為例,可用的 .visible-*-* 類是:.visible-xs-block、.visible-xs-inline 和 .visible-xs-inline-block。

.visible-xs、.visible-sm、.visible-md 和 .visible-lg 類也同時(shí)存在。但是從 v3.2.0 版本開(kāi)始不再建議使用。除了 <table> 相關(guān)的元素的特殊情況外,它們與 .visible-*-block 大體相同。


如沒(méi)特殊注明,文章均為狐靈科技原創(chuàng),轉(zhuǎn)載請(qǐng)注明?? "在其他網(wǎng)站添加了在線客服代碼 手機(jī)版怎么隱藏
多一份免費(fèi)策劃方案,總有益處。

請(qǐng)直接添加技術(shù)總監(jiān)微信聯(lián)系咨詢

網(wǎng)站設(shè)計(jì) 品牌營(yíng)銷

多一份參考,總有益處

聯(lián)系狐靈科技,免費(fèi)獲得專屬《策劃方案》及報(bào)價(jià)

咨詢相關(guān)問(wèn)題或預(yù)約面談,可以通過(guò)以下方式與我們聯(lián)系

業(yè)務(wù)熱線:15082661954 / 大客戶專線:15523356218