CSS없이 100 % 너비가 브라우저 크기에 좌우되지 않습니다

-1

내 웹 사이트에 100 % 너비를 추가하고 싶습니다. 문제는 내가 그렇게하면 브라우저 크기가 바뀌면서 내용의 디자인과 크기가 변경된다는 것입니다. 상자의 크기를 %로 지정해도 웹 페이지 상수의 내용을 만들고 싶습니다.CSS없이 100 % 너비가 브라우저 크기에 좌우되지 않습니다

출처

2012-03-24 mesushanta

당신이 몸 폭을 줄 이유 ಠ_ಠ –

고정 너비의 래퍼 div을 만들고 그 안에있는 요소의 너비는 그 너비에 비례합니다.

예를 들어

#wrapper { 
width: 800px; 
} 
div { 
width 80%; /*div will be 80% of 800px ie 640px*/ 
}

출처

2012-03-24 05:54:20 magicalex

"나는 폭을 채 웁니다 브라우저 크기가 변경되지 않습니다 절대 상대 크기를 원한다." 몸에 폭을주지 마십시오. 좋은 습관이 아닙니다. – sandeep

그 점을 지적 해 주셔서 감사합니다. 그에 따라 대답을 편집했습니다. – magicalex

난 당신이 고정 폭 된 div에 내용을 넣어 당신도 할 수 margin 또는 padding

출처

2012-03-24 06:24:34 Darshana

문제 해결, 감사합니다. – mesushanta

로를 가변 폭 DIV (%)의 내부에 사람을 넣어 배치 할 수 있습니다 귀하의 질문을 이해으로 크기를 조정하지 않아야한다고 느끼는 구성 요소의 최대 너비/높이를 지정하십시오.

출처

2012-03-24 06:28:48 Deepak

% 너비의 몸체로 분폭을 수정하려고하면 크기가 조정되지만 브라우저를 묽게 만들면 요소가 부서지지 않습니다.

<html> 
<head> 
<style type="text/css"> 
    body,html{ margin:0; padding:0; width:100%; min-width:800px;} 
    #container{ 
     margin:0 auto; 
    } 
    #header, #content, #footer{ 
     min-width:700px; 
     margin:0 auto; 
    } 
div{ 
    min-height:40px; 
    margin:10px; 
    background-color:red; 
} 
? 
</style> 
</head> 
<body> 
<div id="container"> 
     container 
     <div id="header">header</div> 
     <div id="content">content</div> 
     <div id="footer">footer</div> 
    </div> 
</body> 
</html>

출처

2012-03-24 06:38:01

CSS없이 100 % 너비가 브라우저 크기에 좌우되지 않습니다

답변

관련 문제