8.35. Foundation Grid-large equipment

发布时间 ： 2025-10-25 13:33:53 UTC      

Page Views: 14 views

In the previous section, we introduced the grid layout for medium and small devices, where the proportion used on small devices is 25%, 75% (.small-3 and .small-9), but on medium-sized devices, it is 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%. Medium-6 and. Medium-6):

<div class="small-3 medium-6 columns">....div> <div class="small-9 medium-6 columns">....div>    
 The recommended ratio for large equipment is 33% Universe 66%. 
 
  提示:  The definition of screen size for large devices is larger than 64.0625em. 
 
 Used on large equipment   .large-*   Class. 
 
 Now let’s add two columns to the large device: 
 
 
 
<div class="small-3 medium-6 large-4 columns">....div> <div class="small-9 medium-6 large-8 columns">....div>    
 
  8.35.1.  Analysis  
 
     
  •  
     The ratio of two columns for small devices is 25% ram 75%. (   .small-3   And   .small-9   ) 
     
    •  
  •  
     The ratio of two columns for medium-sized devices is 50% Plus 50%. (   .medium-6   And   .medium-6   ) 
     
    •  
  •  
     The ratio of two columns for large equipment is 33% and 66%. (   .large-4   And   .large-8   ) 
     
    •  
 
 
 Example  
 
 
 
<div class="row"> <div class="small-3 medium-6 large-4 columns" style="background-color:yellow;"> <p>菜鸟教程p> div> <div class="small-9 medium-6 large-8 columns" style="background-color:pink;"> <p>菜鸟教程p> div> div>    
  尝试一下 »  
 
  注意:  Make sure the columns add up to 12 columns! 
 
 Note 
   
 
  8.35.2.  Use only on large equipment  
 
 In the following example, we specify   .large-6   Class (not .medium -* 和   ``   .small-*   ``   ). This indicates that the ratio is 50% on large equipment. However, it will stack horizontally (100% width) on medium or small devices: 
 
 
 Example  
 
 
 
<div class="row"> <div class="large-6 columns" style="background-color:yellow;"> <p>菜鸟教程p> div> <div class="large-6 columns" style="background-color:pink;"> <p>菜鸟教程p> div> div>    
  尝试一下 »  
    
                
                

                    

                        

                            
                                文章链接
                            
                            ：
                            8.35. Foundation Grid-large equipment 
                        

                    

                

            
        
        

            

    
        
        

            

                

                    
                        
                            
                                Web框架 
                            
                            
                        
                             946
                        
                    
                    
                    
                        

                            
 
 
 

                        

                    
                

                
                

            

        
    
    
        
        

            

                

                    
                        
                            
                                《地理信息系统原理、技术与方法》 
                            
                            
                        
                             97
                        
                    
                    
                    
                        

                            
 
 
 最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。 
 
 

                        

                    
                

                
                

            

        
    
    
        
        

            

                

                    
                        
                            
                                WEB基础 
                            
                            
                        
                             289