모바일 화면에 맞추어서 크기 조정

예를 들면 이미지 크기가 약 320px가 넘어가서부터는 왠만한 디바이스에서 짤립현상이 일어나고 horizon scrollbar가 생기고 보기에 안좋아진다. 아무튼 그 현상을 해결하기 위해서는 이 태그를 쓰면 된다.

<img src="" style="max-width:100%;">

그러고보니 조금씩 공부하면서 느끼는건데 대부분의 태그에 style이라는 속성값이 추가되던데 이 속성값을 단축속성이라고 부르는것같다. font태그에서도 style로 크기조정부터해서 다양한 작업을 할수있더라.. align:center라던지... 맞나? .. 잘모르겟다.

아마 max-height:100%도 되지 않을까싶은데. 100%의 기준이 뭐지!? ㅋㅋ 화면을 다채우나?