精品国产免费观看久久久_久久天天躁狠狠躁夜夜爽_无码人妻少妇久久中文字幕_狠狠做深爱婷婷久久综合一区

互聯網知識

精準傳達 ? 價值共享

洞悉互聯網前沿資訊，探尋網站營銷規律

查看其它板塊

在其他網站添加了在線客服代碼 手機版怎么隱藏

作者：狐靈科技 | 2019-12-31 14:46 |點擊：

在給客戶做網站建設當中  有時候需要從其他素材網站添加在線客服代碼 添加后 發現 如果是響應式的網站  手機上也會有

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

怎么讓手機版隱藏呢  其實原理很簡單

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

這里響應式全局樣式用的是 bootstrap   這里和用的什么全局css樣式沒有關系的

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





	 



	.logo {



	display: block;



	margin: 0 auto;



	max-width: 310px;



	margin-top: 18px;



	margin-bottom: 15px



	}



	

		 

	

		#hlwlyincang {

	

		display: none

	

		}





	 


    
	
  1. 
		 
    2. 
	
  2. 
		@media screen and (max-width:768px) {
    3. 




	

	 

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



然后前臺這樣寫





	

	 


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




	

	這樣就可以了



如果弄不清為什么要用id 不是.hlwlyincang 可以查看這篇文章

《狐靈科技為你講解CSS中#和.的區別》









	響應式工具



	為了加快對移動設備友好的頁面開發工作，利用媒體查詢功能并使用這些工具類可以方便的針對不同設備展示或隱藏頁面內容。另外還包含了針對打印機顯示或隱藏內容的工具類。



	有針對性的使用這類工具類，從而避免為同一個網站創建完全不同的版本。相反，通過使用這些工具類可以在不同設備上提供不同的展現形式。



	可用的類



	通過單獨或聯合使用以下列出的類，可以針對不同屏幕尺寸隱藏或顯示頁面內容。



	

		
			

				
					 
				
					超小屏幕手機 (<768px)
				
					小屏幕平板 (≥768px)
				
					中等屏幕桌面 (≥992px)
				
					大屏幕桌面 (≥1200px)
			

		
		
			

				
					.visible-xs-*
				
					可見
				
				
				
			

			

				
					.visible-sm-*
				
				
					可見
				
				
			

			

				
					.visible-md-*
				
				
				
					可見
				
			

			

				
					.visible-lg-*
				
				
				
				
					可見
			

		
		
			

				
					.hidden-xs
				
				
					可見
				
					可見
				
					可見
			

			

				
					.hidden-sm
				
					可見
				
				
					可見
				
					可見
			

			

				
					.hidden-md
				
					可見
				
					可見
				
				
					可見
			

			

				
					.hidden-lg
				
					可見
				
					可見
				
					可見
				
			

		
	





	從 v3.2.0 版本起，形如 .visible-*-* 的類針對每種屏幕大小都有了三種變體，每個針對 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 類也同時存在。但是從 v3.2.0 版本開始不再建議使用。除了 <table> 相關的元素的特殊情況外，它們與 .visible-*-block 大體相同。



	  
	  

  
 
如沒特殊注明，文章均為狐靈科技原創,轉載請注明?? "在其他網站添加了在線客服代碼 手機版怎么隱藏
     


	相關推薦
	



      
      
    


    
  









    

    

      
多一份免費策劃方案，總有益處。

      

        
        
請直接添加技術總監微信聯系咨詢

      

      
    

  

	
      




        

            

                

                    網站設計
                    品牌營銷
                

                

                    
多一份參考，總有益處

                    
聯系狐靈科技，免費獲得專屬《策劃方案》及報價

                    

                        
咨詢相關問題或預約面談，可以通過以下方式與我們聯系

                        
業務熱線：15082661954 / 大客戶專線：15523356218
                        

                    

                

            

            
        

    

	
		

        

            

                

                    

                        
關于狐靈科技
                        
                         +                    
  
                    

                    
狐靈致力于互聯網品牌建設與網絡營銷，專業領域包括  網站建設、 SEO優化、移動互聯網營銷、高端網站建設、高端網站設計、品牌網站定制開發、營銷策劃推廣電子商務、移動互聯網營銷、 為不同類型的客戶提供良好的互聯網應用定制解決方案，我們將策略和執行緊密結合，且不斷評估并優化我們的方案，為客戶提供一體化全方位的互聯網品牌整合方案！								
                    
 
                

                

                    

                        
我們的優勢

                    

                    

                        

                       
量身打造個性化網站制作


代碼深度符合SEO優化


一站式企業網站建設服務


前沿視覺設計、研發能力


重慶網站建設公司

                       

                        

                       
多項網站設計傳播大獎


營銷型網站建設專家


自主研發網站管理系統


B2C電商網站建設供應商


完善的售后服務體系
         
                       
     
                    

                

                

                    

                        
我們的不同

                       +                    

                    

                 在我們的對手消耗大量的時間停留在碎片化的互聯網設計或者程序實現的時候，我們已經開始把數字化品牌建設和網絡傳播進行了整合。我們提供從前期的網站品牌分析策劃、網站設計、創意表現、系統開發以及后續網站運營反饋建議等一系列服務，幫助企業打造創新的互聯網品牌經營模式與有效的網絡營銷方法,為所有謀求長遠發展的企業品牌貢獻全力！
				   

                

            

            
        

        

            

                

                    公司地址：重慶市九龍坡楊家坪重百大樓21-8 | 業務熱線：15082661954 
                

                

                     Copyright © 2017-2020 Fox spirit Network. 狐靈科技 版權所有 | 渝ICP備19005721號-1
                

                

                    專業團隊為您提供
                    
                    重慶網頁設計,
                    品牌網站設計,營銷型網站制作,SEO優化關鍵詞排名推廣等服務,建網站就找狐靈科技！
                     | TAG標簽					
                    | 網站建設地圖
                    | 網站地圖