취미로 간단한 게임이나 끄적이고 있는데

레이아웃 맞추기 졸 짜증난다.

모바일 고려해서 레이아웃 CSS로 잡는 중인데 짜증남 ㅋㅋ


웹으로 뭔가 만들 때 개인적으로 제일 짜증나는 게 CSS로 레이아웃 잡는 일임.

그거에 비하면 HTML, 자바스크립트는 졸잼


웹은 너무 오랜만에 해서 해결이 안되는 CSS 레이아웃 문제가 생겼는데,

질문이나 좀 하자.


1) DIV 태그를 1:1 비율 유지하면서

2) 화면 중앙에 위치시키면서

3) 가로 길이와 세로 길이는 화면의 80%로 크기 맞추고

(가로 길이 기준으로 맞춰서 1:1로 하되, 세로가 넘칠 경우 세로 기준으로~)

4) 단 비율에 의해 조정되는 크기가 700 x 700px 보다 크지 못하게


CSS 쓸 수 있냐? 계속 연구 중인데 존나 어렵네. ㅅㅂ