페이지의 전체 백그라운드이미지를 넣을 경우, background-size를 사용합니다. 이 경우는 이미지가 늘어나거나 해도 시각적으로 무리가 없어야 할 것같습니다. 그라데이션등이 있는 bg는 늘어나면 보기 안좋더라구요~
body {background:url(bg.png) repeat 0 0;background-size:100% 100%;}이미지를 해상도에 맞게 조절하고 싶을 경우에는 max-width를 사용합니다.
h1 {width:auto;} h1 img {max-width:100%;}
width값이 100%인 경우 border 값을 넣으면 가로스크롤이 생겨 버리니 조심해야겠죠.
댓글 0
댓글 쓰기 권한이 없습니다.
| 43 | 모바일 크로스 브라우징 | 2017.03.14 |
| 42 | Android sdk 번호(Api level)와 버전 정리 | 2017.02.08 |
| 41 | 모바일 디자인 가이드 | 2016.07.12 |
| 40 | 팝업 내용에 맞게 사이즈 조절 | 2016.07.11 |
| 39 | 아이폰 Web App 만들기 | 2016.07.04 |
| 38 | 반응형 웹과 모바일 퍼스트 | 2016.02.02 |
| 37 | WebView 폰트 사용 | 2016.01.26 |
| 36 | 모바일 기종에 따라 기본 폰트 사이즈 지정해주는 스크립트 | 2016.01.26 |
| 35 | 디바이스 해상도 1 | 2015.11.06 |
| 34 | device-pixel-ratio 계산법(-webkit-min-device-pixel-ratio)와 ppi | 2015.11.06 |
| 33 | 모바일웹을 위한 9가지 최적화 기법 | 2015.10.16 |
| 32 | 모바일코딩을 도와주는 사이트 모음 | 2015.10.12 |
| 31 | 반응형웹 모바일 기기별 코딩하기(미디어쿼리) | 2015.10.12 |
| > | 백그라운드이미지 | 2015.10.12 |
| 29 | 스마트폰으로 접속시 해당 모바일 웹페이지로 자동 링크됩니다 1 | 2015.10.12 |
| 28 | 웹페이지가 브라우징된 후 주소창을 사라지게 합니다. | 2015.10.12 |
| 27 | 모바일 코딩 팁 | 2015.10.12 |
| 26 | 모바일 웹페이지 코딩 전 기본 꿀팁(css) | 2015.09.15 |
| 25 | 모바일 코딩에 사용하는 기본 html | 2015.09.15 |
| 24 | 전화링크 | 2015.05.02 |