+-
                                
                                    
                                
                                
                                    
                                
                                
                                    
                                         
                                        
                                        
                                        
                                         
  
   
    
     
   
  
  
   
  
 
  
   
    
     
   
  
  
   
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                            
                                        
                                        
                                    
                                
                            
                        
如何在Angular中设置所有组件的最大高度和最大宽度以适应屏幕尺寸?我不希望从html设置大小到100%一直到组件不是我想要的,我不希望嵌套组件超过屏幕大小
      0 
     
投票
 
   投票
也许这项工作:
*{
    max-width: 100vw; // view width
    max-height: 100vh; // view height
}
vh和vw是视口大小
      0 
     
投票
 
   投票
可能是这个CSS可以修复你的问题(这是从任何地方响应)请按照此链接https://css-tricks.com/fun-viewport-units/
* {
    margin: 0 ;
    padding:0;
}
body {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box{
    width: 100px;
    height:100px;
    background-color: #ccc;
}
Html转到这里
<body>
    <div class="box">
    </div>
</body>
 
                