css 질문입니다.. 채택완료
humanb2box
7년 전
조회 1,767
.banner_wrap {width:60%;position:absolute;bottom:3%; left:50%; margin-left:-30%;padding-top:5%;}
60%넓이의 박스가 가운데 있게 하기 위한 css가 있는데요
현재는 정가운대로 있지만 화면을 줄였을때 무한정으로 줄어들어서
min-width를 추가 했더니.. 정가운데로 가지지가 않아서요,,
여기에 min-width를 추가하려면 어떻게 해야할까요....
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
7년 전
미디어쿼리를 이용하여 아래와같이 설정할 수 있습니다.
예) min-width 값이 500px일 경우
</p>
<p>.banner_wrap {width:60%;position:absolute;bottom:3%; left:50%; margin-left:-30%;padding-top:5%;}</p>
<p>@media all and (max-width:500px)
{
.banner_wrap{width:500px; margin-left:-250px;}
}</p>
<p>
ie9이하버전의 호환성이 문제가 된다면 respond.js 로 해결할 수도 있구요^^
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인