모바일 레이아웃 깨지는 현상잡기!

사이트를 만들다보면 모바일에서 정해진화면을 벗어나는 일이 생깁니다.

 

대게 링크나 이미지/동영상/텍스트가 레이아웃을 깨는 주범으로 생각되는데...

당연하지만 헤매는 ㅋㅋ 콘텐츠의 크기가 ㅜㅜ 문제인거 같습니다

 

css에서 잡아주어야 최적화된 뷰를 보여주는데... 뭔가 부족했던 모양입니다. 뭣이 문제여!!시방

 

아래 코드는 텍스트계열 (링크,문자)가 깨는 경우 

레이아웃을 잡아주는것으로 알고 있습니다. (장님 더듬기로 깨달아 가고 있습죠) 

word-break:break-all;  

 

html{
background: #bac4db;
word-break:break-all;
}

요런식으로 넣어주면 적용이됩니다.

앞으로도 헤메는 부분에 대해서 기술하도록 하겠습니다.