메모智 유머사진 환영합니다, 손님!    메모지 | 회원가입 | 로그인
검색도움말 메모지 검색
  재미메모智.COM 설치   •   메모智 홈   •   바깥고리   •   전체 메모智 목록   •   회원가입   •   로그인   •   도움말   •  
 
모바일에서 이미지 크기 조절하기: 큰 이미지 줄이기. (모바일웹;모바일 웹;mobile web;)
메모智 -> 모바일웹; 똑똑전화; 누리집; HTML; div;
모바일에서 이미지 크기 조절하기: 큰 이미지 줄이기.
내가 가진 지식으로는 모바일에서 그림 크기를 조절하기가 참 만만치 않았다.
쿠키(cookie)를 이용해서 브라우저 너비(width)를 서버로 보냈다가 처리하는 방법을 써 보았지만 마땅치 않았다.

그런데.....

간단한 방법이 있었네...

div를 이용하면 그냥 해결됨....









위의 두 이미지는 아래와 같은 코드로 뿌린 것임. div에 style 처리하면 됨...
<div style="width:360px;"> <img width=100% src="FILES/066/jinsuk.977.Cheju_Horses.jpg"> </div> <div style="width:50%"> <img width=100% src="FILES/066/jinsuk.977.Cheju_Horses.jpg"> </div>

360픽셀 이하의 작은 이미지는 div를 사용하지 않고, img에서는 width 속성을 없애버리면 됨.
작성자: 써기 추천수: 0 첨부파일: 0 등록일: 공개 MEMO
이 메모智에 달린 꼬리표 #모바일웹 #모바일 웹 #mobile web 로그인후 꼬리표 입력가능 회원만 꼬리표 입력 가능합니다.

 

drupal hit counter

Site Stat
검색
Custom Search
모든 지식은 개인의 소유입니다.
그 외의 다른 내용은 Copyright © since 2010, 메모智.com이 가집니다.
메모지사용시 주의사항연락처powered by 크리스탈