음악, 삶, 개발

Vue app 브라우저 창 크기에 맞추기 본문

개발 Web/Vue.js 공부방

Vue app 브라우저 창 크기에 맞추기

Lee_____ 2020. 11. 30. 01:57 
<!-- index.html -->

<body>
  <div id="app"></div>
</body>
<!-- App.vue -->

<style>

  body {

    margin: 0;

  }

  #app {
    
    width : 100vw;
    height : 100vh;

  }

</style>

또는.. head 안에 인라인으로 박제하는것도 좋은 방법이다.

어짜피 바뀌지않을것이므로..

<!-- index.html -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    
    <style type="text/css">
    
      body {
      
          margin: 0;
      }
      
      #app {
          
          width : 100vw;
          height : 100vh;
          background-color:slategray
      }
      
      </style>
      
  </head>

  <body>
    <div id="app"></div>
  </body>

  
</html>

 

'개발 Web/Vue.js 공부방' Related Articles more