모바일 홈페이지를 만들어 보고 있는 중 궁금한 점 있어 문의 드립니다.

해상도 상관 없이 가로 넓이를 100%로 하려고 합니다.

예전에는 테이블로만 페이지를 다 만들어서 그런게 없었는데, 메뉴 같은 것은 ul li로 하려다 보니 잘 모르겠네요.

테이블로 상단 메뉴를 만들땐 테이블 넓이를 100%로 하면 td가 몇개이든, 100%에 맞추어 td가 자동으로 폭이 맞추어 졌는데 li로 하니 스타일로 넓이를 다 각각 지정해 줘야 하더라고요.
 
메뉴가 4개라 그냥 width 값을 25%로 입력해서 전체 넓이를 맞추긴 했는데, 메뉴가 하나 더 늘어난다거나 줄어든다거나 할 때는 또 조정하고 해야 하고 %로 지정하기에도 애매하게 되어서 예전테이블 처럼 전체 넓이를 지정해 주면 각각은 알아서 자동 조절 되게는 안되는지 궁금하네요.
 
*********html 태그
 
<div id="gnb">
 
<ul>
                <li class="t_menu1">
                    <a href="index.html">
                        <div>회사소개</div>
                    </a>
                </li>
                <li class="t_menu2">
                    <a href="#page1">
                        <div>사업소개</div>
                    </a>
                </li>
                <li class="t_menu3">
                    <a href="#page1">
                        <div>제품소개</div>
                    </a>
                </li>
                <li class="t_menu4">
                    <a href="#page1">
                        <div>고객센터</div>
                    </a>
                </li>
            </ul>
 
</div>
 
****** css
 
#gnb li{float:left;width:25%;text-align:center;display: block;}