.banner_wrap {width:60%;position:absolute;bottom:3%; left:50%; margin-left:-30%;padding-top:5%;}
60%넓이의 박스가 가운데 있게 하기 위한 css가 있는데요
현재는 정가운대로 있지만 화면을 줄였을때 무한정으로 줄어들어서
min-width를 추가 했더니.. 정가운데로 가지지가 않아서요,,
여기에 min-width를 추가하려면 어떻게 해야할까요....
답변 1개
채택된 답변
+20 포인트
2018-03-14 (수) 17:51:57
미디어쿼리를 이용하여 아래와같이 설정할 수 있습니다.
예) min-width 값이 500px일 경우
Copy
.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 로 해결할 수도 있구요^^
답변을 작성하려면 로그인이 필요합니다.