[CSS] 작은 변화 패턴(Tiny Tweaks)

리딩리드 2016. 12. 18. 15:53

작은 변화 패턴(Tiny Tweaks)

- 글꼴 크기나 이미지 크기등 매우 사소한 것을 조정하여 해상도에 따라 변화를 줌

- 내용이 적거나 복잡하지 않을 때 사용

1. 구현

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css">  </style> </head> <div class="container"> <div class="c1"> <p> Once upon a time there is a monkey </p> <p> The monkey can use a hands so If He need something, He use his hands </p> </div> </div>

- 크기에 따라 font와 padding 변경

1)1000px 이상

2) 600~1000px

3) 600px