css 브라우저 크기에 따라 글씨가 자꾸 바뀌는데 어떻게 고정해야 할까요??

Question

위에 사진처럼 전체 화면으로 브라우저를 키우면 이상 없는데

아래처럼 브라우저 크기를 줄이면 저런 식으로 글자가 이동합니다...

어떻게 해결할 수 있을까요..

html는 이렇습니다.

css는 이렇습니다

#container {
    margin: auto 0;
    width: 70%;
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
    display: flex;
}
header {
    position: fixed;
    
}

.header_login {
    margin-right: 60px;
    margin-left: 50px;
}

공핀 · Answer

일단 table말고 ul li쓰는 걸 추천드려요. table은 스타일 동작도 잘 안먹고, 향후 유지보수할 때 추가할 값이라던가 생기면 전체 구조가 뒤틀려버려서...

공핀 · Answer

ul에 display: flex; justify-content: flex-end; 주시고 li에 로그인 회원가입 넣으시면 될거에요

그냥한번에 · Answer

유지보수의 어려움보다도 애초에 테이블이 필요한 상황자체가 아니네요

css 브라우저 크기에 따라 글씨가 자꾸 바뀌는데 어떻게 고정해야 할까요??

3개의 답변

Q&A 목록