日本阿v片在线播放免费,成人国产片视频在线观看,日韩黄片毛片在线观看,一区亚洲电影,琪琪秋霞午夜av影视在线,中文字幕在线视频不卡,最新大伊香蕉精品视频在线,亚洲AV无码日韩一区二区乱 

  
      
    

      

	
      
		
      
			
      
				
      calc的使用
      
				
      
					
       2019-10-18      seo達人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
             有張頁面是要求要一屏展示，我想到了媒體查詢，也想到了vw和vh。我先用vw和vh來布局，分為上，中，下三部分。每塊計算寬高，vw和vh可以實現響應式布局，所以就用上了。但媒體查詢用上了卻發現在這邊不好用，這時使用上了calc()屬性。因為上一個人引入了video.js并加上id:#myVideo ，這邊也做相應的計算處理。

      


      
注意：要有空格

      


      
calc()能計算的計算表達式里，在加號(“+”)和減號(“-”)兩邊要留空格，而乘號(“”)和除號(“”)沒有這個要求。 

      


      
.video_rel {

      
        height: calc(100% - 66px);

      
        width: calc(51.3% - 60px);

      
 

      
        #myVideo {

      
            width: 100%;

      
            height: 100%;

      
        }

      
    }

      
CSS3引入了一個有用的功能，就是calc()函數。在指定元素高度或寬度時，你可以基于計算設定，而不是簡單的使用固定數值。這種功能在自適應網頁布局設計中格外有用——針對不同尺寸的設備，你需要動態的調整元素的大小，產生適合屏幕大小的不同布局。
      

      
     

      

      
    藍藍設計( m.jjddy.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
      
          
      
                    
      
          
      藍藍設計的小編
          http://m.jjddy.com
      
      
      
    
      
    
      
      
      存檔