Front-end

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

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


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


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


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

'Front-end' 카테고리의 다른 글

파비콘 favicon 조흔 사이트  (0) 2016.02.22
[링크] 가벼운 웹 만들기  (0) 2015.05.11
추천! 구분선  (0) 2013.07.01
랜덤으로 html태그 출력하기  (0) 2013.07.01
,

알림

이 블로그는 구글에서 제공한 크롬에 최적화 되어있고, 네이버에서 제공한 나눔글꼴이 적용되어 있습니다.

카운터

Today :
Yesterday :
Total :

태그