모바일에서도 안 짤리게 자기소개 프로필 이미지 넣는 방법

팁/노하우 게시판 - 회원들의 다양한 IT/하드웨어 팁과 정보

공지 퀘이사존 규정(25.08.04)

퀘이사존

18k

03-16

32 모바일에서도 안 짤리게 자기소개 프로필 이미지 넣는 방법 서리담다 29 4490 2019.10.05 13:05

안녕하세요. 다들 자기소개 이미지 넣으시면서 이 글을 참고하셨을 겁니다.(<a href="https://quasarzone.co.kr/bbs/board.php?bo_table=qb_tip&wr_id=2894">https://quasarzone.co.kr/bbs/board.php?bo_table=qb_tip&wr_id=2894</a>) 하지만 이 글에서 알려주는 방법은 한가지 아쉬운점이 있었습니다.바로 아래처럼 모바일 화면에서는 이미지 전체가 표기되지 않고 짤려서 나온다는 점이었는데요,   <<<< ㅜㅜㅜㅜ 제 대너리스 움짤이 짤렸어요 << ㅜㅜㅜㅜ 제 대너리스 움짤이 짤렸어요 PC에서도, 모바일에서도 이미지가 짤리지 않고 꽉 차게 보여주는!이 상황을 해결하는 새로운 HTML 태그를 배포합니다. 원래 방법과 태그만 다를뿐, 하는 방법은 동일합니다.해당 태그를 알려주신 '다은현이'님 감사합니다. -------------------------------------------------------- 자그럼 시작해보죠. 0. 먼저 아래 코드를 메모장에 복사 붙여넣기 해놓으세요. <table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #cccccc; border-left:0; border-bottom:0;" class="__se_tbl"><tbody>
<tr><td style="border-width: 0px 0px 1px 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; border-top-style: initial; border-top-color: initial; border-right-style: initial; border-right-color: initial; width: 706px; height: 72px; background-color: rgb(255, 255, 255);" class=""></div><div stlye="width:100%; height:auto;"><img src="이미지 주소" class=img-responsive center-block"/><div/></td>
</tr>
</tbody>
</table> 0-1. 이미지를 여러개 하고 싶으실 경우 이런식으로 이미지 소스 태그만 원하시는 숫자대로 복사하세요.<table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #cccccc; border-left:0; border-bottom:0;" class="__se_tbl"><tbody>
<tr><td style="border:1px solid #cccccc; border-top:0; border-right:0; background-color:#ffffff" width="708"></div><div stlye="width:100%; height:auto;"><img src="이미지 주소" class=img-responsive center-block"/><img src="이미지 주소" class=img-responsive center-block"/> <img src="이미지 주소" class=img-responsive center-block"/> <img src="이미지 주소" class=img-responsive center-block"/> <div/></td>
</tr>
</tbody>
</table> 1. 퀘이사존 자유게시판에 글쓰기를 누른 후, 이미지를 업로드합니다. <div stlye="width:100%; height:auto;"> 2. 글 에디터 내에 사진이 정상적으로 업로드되었다면, 에디터 하단에 HTML을 클릭합니다. 3. HTML 화면에서 http로 시작하는 이미지 주소를 복사합니다.(양쪽 따옴표 사이로만 복사해주세요.) 4. 복사한 이미지 주소를 아까 메모장에 복사해둔 태그 중 '이미지 주소'에 붙여넣기 해주세요. 5. 그리고 메모장에 있는 모든걸 복사해서 자기소개에 붙여넣으면 끝입니다. 결과물:     <<<< 이제 작성글 하단에서 안짤리고 나온다!!     <<<< 앗 자기소개에서두 안짤리고 나온다!! PC에서도 완벽 호환! 보시다시피 PC에서도, 모바일에서도 모두 화면 프레임에 맞춰 꽉 채워져서 이미지가 표출됩니다. 원래방법과 태그만 다를뿐 하는 방법은 동일하며,PC에서도 원래 방법과 동일하게 표출되니 앞으로는 이 태그를 이용하시면 되겠습니다. *추가-자기소개에 움짤 넣는 방법이 궁금하다면?<a href="https://quasarzone.co.kr/bbs/board.php?bo_table=qb_tip&wr_id=16229">https://quasarzone.co.kr/bbs/board.php?bo_table=qb_tip&wr_id=16229</a> 이 글이 도움이 되셨다면1. 이 글에 '귤(추천)'을 주세요. 전 귤을 좋아하니까요! 2. 제 프로필 사진 밑에 '좋아요'와 '팔로우'를 눌러주시면 더욱 감사하겠습니다ㅎㅎ</div>

서리담다

행성: 우주망원경

포인트: 194,183 exp

작성물 댓글

모든회원 자기소개 펼치기

댓글: 29개

팁/노하우 게시판 - 회원들의 다양한 IT/하드웨어 팁과 정보

공지 퀘이사존 규정(25.08.04)

퀘이사존

18k

03-16

전체 하드웨어 게임 콘솔 모바일 소프트웨어 기타

제목	닉네임	조회수	날짜
1 ClickFree (클릭프리) - 우클릭 금지, 복사 방지 사이트 원클릭으로 해제하는 무료 크롬 확장 0	user1149410	108	07-03
0 TalkShield (톡실드) - PC 카카오톡 광고 없애주는 무료 프로그램, 60KB 초경량 1	user1149410	249	07-03
0 [정보] RX 6500 XT / 6400 게임 중 무작위 재부팅 및 튕김 해결 통합 패치 (인텔/AMD PC... 0	user_1148167	140	06-25
0 간단 PC 테스트 사이트 0	sdfbiupsgmf	194	06-23
0 바우아토 BAUATO 짭플펜슬 (개인적인) 사용기 0	ELKalliance	112	06-21
0 알리산 Attack Shark R1 배터리 교체 0	ELKalliance	157	06-21
1 [제보]Synology NAS 2FA / Secure SignIn 관련 사용자 보호 이슈 1	user_1144668	277	05-31
0 9070xt 라데온 포르자 호라이즌6 스타터링 해결법 0	user_1123952	366	05-29
0 윈도우 게임 성능 최적화 레지스트리 설정｜FPS·입력지연·스터터링 줄이는 방법 2	user_1085356	707	05-13
0 갤북4프로360과 3090ti의 오큐링크 조합 및 자작쿨링시스템 후기 0	돌뉴	242	04-22
0 PC 유튜브 및 뮤직 동영상 재생불가 문제 0	poringle	545	04-13
0 스팀에서 원하는 금액만 충전하기 0	lamanus	726	03-15
0 모니터 주사율 관련 (feat. 제미나이) 0	dragonball	764	03-11
3 롤 프레임드랍 5	어택이	1.2k	01-13
1 게임 성능을 올리는 레지스트리 등 설정 1/5 2	티플레티넘	2k	01-04
1 미세스터터링 해결방법 1	인공지능	2k	01-02
0 AM4소켓 백플레이트 메인보드에 고정방법 0	신세계-이자성	883	12-22
0 가성비 CPU부터 최고의 CPU까지 2025 CPU TOP5(개인의견) 0	영재컴퓨터	4.6k	12-03
6 Mchose V9/V9 PRO 헤드셋 추가설정법 0	StayGlyde	8.3k	11-30
1 OBS 녹화 시 VRR 스터터링 해결 (OverlayMinFPS) 0	MouseSports	910	11-09
5 PC에서 콘솔처럼 영화적이고 부드러운 30프레임으로 똑같이 만드는 방법 9	아이엔에프피	4.4k	11-01
9 (팁)오디세이 G7 32DG702(700) 스마트 모니터 설정값 추천(HDR) 3	승길씨	11.8k	10-19
0 하이마트 발 오피스 홈&스튜던트 pc 옮길때 이전 설치 0	조조맹덕	588	10-15
0 써모랩 트리니티 120mm로 팬 교체하기 0	Kodorai	817	09-26
1 모니터 입력지연 줄이기 0	티플레티넘	1.5k	09-24
1 글카 성능 올리기 9/23 7	티플레티넘	3.4k	08-26
3 (팁) 라데온 쉬운 언더볼팅/오버클럭 방법 0	승길씨	5.3k	08-15
2 (팁)라데온 RSR, AFMF의 활용법 2	승길씨	2k	08-15
2 저장장치(HDD) 신품 구매하고, 불량섹터 검사하는 경우 0	폐지줍기달인	1.2k	07-27
0 컴퓨존 주문형 네이버페이는 네이버라인 신한카드 혜택 가능합니다. 2	닉바꾸기어렵다	1.3k	07-23