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