• 목록
  • 아래로
  • 위로

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 1052
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 4727
150 xe 게시판을 수정해야하는데 이렇게나올때 팁! 7 image freeware 16.07.11.15:41 294
149 XE 도메인 연결 시 이전 도메인으로 나오는 경우 5 image humit title: 황금 서버 (30일)humit 16.07.11.17:07 360
148 탐색기에 내 컴퓨터 폴더 항목 편집하기 image 막시모 막시모 16.07.12.12:17 588
147 컴퓨터 바탕화면 휴지통 복구하기 1 image 막시모 막시모 16.07.12.12:18 424
146 Windows10 One Drive Uninstall 하기 (윈도우10 원드라이브 삭제하기) 1 file 막시모 막시모 16.07.12.12:21 568
145 내 하드디스크의 용량이 부족하다면? 디스크 정리를 사용해보세요. 2 image 막시모 막시모 16.07.12.12:57 384
144 자신의 대학교재가 필요없다면 빌북에 맡겨서 수익을 챙기자! 2 image 막시모 막시모 16.07.12.13:02 261
143 뮤토렌트(utorrent) 광고없애는 방법 image 막시모 막시모 16.07.12.13:19 268
142 Windows 10) 로그인화면의 배경을 바꿔보자! 1 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.12.17:42 604
141 포토샵 없이 예쁜 로고 커버 만들기 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.12.18:19 534
140 엔비디아 3D 설정에 대한 설명 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.12.19:33 3818
139 영화관에서 쓸수 있는 팁 6가지 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.12.19:37 244
138 엔비디아 DSR 기능 설명 3 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.12.22:07 1327
137 안드로이드폰 Wi-Fi설정하기 (안드로이드폰 와이파이 설정하기) 1 image 막시모 막시모 16.07.13.09:05 347
136 안드로이드폰 보안 설정하기 (화면 잠금하기) image 막시모 막시모 16.07.13.09:06 363
135 안드로이드 폰 저장 용량 확보하는 법 image 막시모 막시모 16.07.13.09:07 430
134 안드로이드 마시멜로↑ 배터리 대기 시간을 늘려보자! DOZE모드 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.13.20:25 442
133 저사양 PC/랩톱(노트북)을 위한 Win 10 세팅 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.13.20:46 2817
132 카카오톡 채팅방에 사진,동영상 보내기 image 막시모 막시모 16.07.13.22:43 331
131 안드로이드폰 Wi-Fi설정하기 (안드로이드폰 와이파이 설정하기) 1 image 막시모 막시모 16.07.13.22:44 412