홈페이지 비율질문입니다.
본문
홈페이지 크기가 예로들면
모니터크기가 가로1000인 화면과 모니터크기가 1950인 화면이 있을경우
1000이나 1950이나 비율은동일하게 위치도동일하게끔 만들고싶은데요
css에 관련속성이있는지 궁금합니다.
답변 4
비율은 답변자들 분께서 해주신것처럼
해상도마다 @media 를 이용해서 지정해주시면되구요
이렇게 하면 어떤 해상도이든 정확하게 화면의 가운데로 맞출수 있습니다.
<style>
.center {
position:absolute;
width:300px;
height:300px;
left:50%; // 현재 화면기준으로 div의 왼쪽부분 기준을 가운데로 해라
margin-left:-150px; // 왼쪽 기준으로 잡았으니 300의 반인 150만큼 옆으로 이동해라 (정중앙)
top:50%;
margin-top:-150px;
background:#dddddd;
}
</style>
<div class="center">300x300 정가운데</div>
css 작성시 크기를 최대한 상대값(%)로 하시고 불가피 한경우
css media를 이용해 반응형으로 제작하세요
반응형웹 제작에 대해서 검색을 해보시는게 좋을 것 같네요..
화면을 100% 사용하려는 건가요?
관련 속성보다는 %를 이용하고..
여의치 않은 부분은 jquery도 적절히 사용하면 좋을듯 합니다.
답변을 작성하시기 전에 로그인 해주세요.