• 목록
  • 아래로
  • 위로

XE의 위젯을 그냥 추가하면 크기가 고정되어 아무리 반응형 레이아웃을 사용해도 크기가 줄어들지 않습니다.

이럴 때에는 %로 크기를 맞추시면 됩니다.

1. 일단 위젯을 추가합니다.

2. 위젯에 마우스포인터를 올려두면 이러한 모양이 나옵니다.

위젯크기 (눈깔) 버튼을 클릭하여 봅시다.

3. 위젯 CSS class를           xe-widget             으로 바꿔주고

잘 보시면 위젯 크기에    W: (입력칸)  이 있습니다. 만약 위젯을 2개 넣고싶으면 49%,  1개로 다 차지하려면 100%를 입력합니다.

수학시간에 비율을 배웠다면 쉽게 할 수 있습니다^^


끝, 저의 강의를 끝까지 봐주셔서 감사합니다. 

강의를 보면서 여러분은 비율을 사용하면 된다는 지식을 얻었습니다.

예에에에ㅔㅇ에에

이니스프리님 이니스프리 포함 2명이 추천

추천인 2

작성자
망할윈도우미 16 Lv. (43%) 21640/23120EXP

제 인생은 프로필 사진처럼 되어버렸습니다.

아래 사진과 같은 일이 생겼으면...


댓글 7

막시모
profile image
헤에에~ 좋은강의감사합니다
comment menu
2018.05.14. 19:48

신고

"막시모님의 댓글"

이 댓글을 신고 하시겠습니까?

신고

"망할윈도우미님의 댓글"

이 댓글을 신고 하시겠습니까?

변익수
profile image
감사합니다.
comment menu
2018.05.15. 09:46

신고

"변익수님의 댓글"

이 댓글을 신고 하시겠습니까?

망할윈도우미 작성자 → 변익수
profile image
네, 좋은 정보 되셨길 바랍니다~
comment menu
2018.05.15. 14:25

신고

"망할윈도우미님의 댓글"

이 댓글을 신고 하시겠습니까?

보험셰프
profile image
눈깔 무섭습니다. - 눈동자 ?
comment menu
2018.05.28. 10:36

신고

"보험셰프님의 댓글"

이 댓글을 신고 하시겠습니까?

보험셰프
profile image

  이런 느낌은 아니겠죠?


comment menu
2018.05.28. 10:37

신고

"보험셰프님의 댓글"

이 댓글을 신고 하시겠습니까?

망할윈도우미 작성자 → 보험셰프
profile image
사진 웃기네요 ㅋㅋ
comment menu
2018.05.28. 17:35

신고

"망할윈도우미님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 마스터 24.02.11.17:21 996
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 4675
110 확장 프로그램의 대안을 마련하여 브라우저를 가볍게 쓰자 1 하루살이 title: 황금 서버 (30일)하루살이 16.09.25.13:15 1380
109 [무료 ebook] 무료 ebook 공유사이트 5 image 길벗사랑 16.09.12.19:00 1378
108 아실분들은 아실 미디어위키 웹호스팅상에서의 시각편집기 설치방법(게시판 이동) 4 image 퓨처마츠 퓨처마츠 18.10.03.20:33 1358
107 엔비디아 DSR 기능 설명 3 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.12.22:07 1327
정말정말 기본적인 XE 위젯 반응형 적용하기 (라이믹스도 OK!) 7 image 망할윈도우미 망할윈도우미 18.04.29.10:21 1251
105 [보안] SQL Injection에 대한 내용과 방지 방법. humit title: 황금 서버 (30일)humit 16.07.15.10:58 1215
104 [생화학] 세포호흡 Part I (에너지 투자기) 2 image sweetenpotato sweetenpotato 20.04.10.01:24 1212
103 안드로이드 앱을 한번 만들어보자! 10 Dobob title: 도밥위키!Dobob 17.01.18.12:05 1206
102 노트북 뚜껑 닫았을시에도 전원켜있게 하기 image 막시모 막시모 16.08.04.09:12 1203
101 간단한거지만 윈도우 공유폴더 만들기 image 막시모 막시모 17.10.05.11:57 1155
100 Filezilla 사용시 사소하지만 중요할 수도 있는 원칙. 8 image Nodeulnaru Nodeulnaru 16.09.26.02:14 1141
99 윈도우10 듀얼모니터 없이도 듀얼모니터의 느낌을 느끼게 해주는 '확장 데스크톱' 6 JongMinMoon JongMinMoon 16.12.26.23:44 1130
98 Gimagex로 wim파일에서 원하는 이미지파일 추출하기 image 막시모 막시모 16.08.02.14:08 1081
97 [윈도우 8.1] 그래픽 태블릿 사용하는 PC에서, 화상 키보드가 갑툭튀하는 현상 해결 팁 2 image 베가리안 16.08.25.01:44 1065
96 DNS가 어떻게 작동하는지 알아봅시다: 2. 각 DNS 레코드의 기능 2 abnoeh abnoeh 18.03.30.10:09 1058
95 이것만 알면 호스팅 초보도 무료로 할 수 있습니다! 20 기특한크리퍼 17.09.26.17:54 995
94 도메인 연결하는법 1 djdisodo 16.10.27.17:18 986
93 [자동응답봇] 카카오톡 자동응답봇을 만들어보자 [3] image humit title: 황금 서버 (30일)humit 16.07.19.14:44 969
92 크롬과 파폭 스크롤바 색상 변경하기 image 하루살이 title: 황금 서버 (30일)하루살이 16.09.25.13:11 935
91 윈도우 10 기본 앱 삭제 방법 5 image 하루살이 title: 황금 서버 (30일)하루살이 16.10.24.18:17 924