0
아무런 기능도없이 작은 웹 페이지를 작성했습니다. 이 페이지를 브라우저에서 직접 열면 흰색 상자가 세로로 브라우저 크기가 조정됩니다. 하지만 이걸 Meteor에서 실행하면 흰색 상자가 400px보다 커지지 않습니다.유성에서 이상한 CSS 동작
크롬 도구를 사용하여 모든 요소를 비교했지만 모든 CSS 속성은 두 버전에서 동일하게 보입니다.
일반 브라우저에서 테스트하려면 스타일 시트 링크를 사용하도록 설정해야합니다.
된 index.html :
<head>
</head>
<!--link href="main.css" rel="stylesheet"/-->
<body>
<div id="messages" class="relative content-box">
<div id="chat-box" class=""></div>
</div>
</body>
main.css가 :
body {
background-attachment: scroll;
background-size: cover;
background-color: #004269; }
.content-box {
background-color: white;
padding: 15px; }
.relative {
position: relative; }
#messages {
margin: 0;
position: relative;
min-height: 400px;
padding: 10px; }
#chat-box {
position: relative;
min-height: inherit;
padding-top: 0px;
height: 100%;
padding-left: 10px;
padding-right: 10px;
overflow-y: hidden;
overflow-x: hidden; }
html {
min-height: 100%;
position: relative; }
body {
margin-bottom: 190px;
margin-top: 112px; }
.content-box {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-top: 5px; }