• 목록
  • 아래로
  • 위로

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 1043
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 4710
278 3.디스코드 봇을 만들어보자 (준비 편) 5 image Doge아시다시피 Doge아시.. 18.02.23.20:57 6448
277 [Requests] Selenium을 이용한 Cloudflare의 우회 8 image 이니스프리 이니스프리 20.01.08.19:51 6337
276 DNS가 어떻게 작동하는지 알아봅시다: 1. DNS 질의 절차 따라가 보기 3 abnoeh abnoeh 18.03.27.20:48 5828
275 크롬 [시크릿모드]를 기본으로 사용해보자. 4 image 하루살이 title: 황금 서버 (30일)하루살이 16.09.25.13:26 5795
274 [번외편] 네이버 동영상에서 자막을 파일로 추출하는 방법 2 image 이니스프리 이니스프리 19.12.25.22:34 5680
273 22. [OpenPyXL] 엑셀 문서 저장하기 / 시트 추가하기 / 셀에 입력하기 14 image 이니스프리 이니스프리 20.02.02.00:46 5599
272 네번째 이야기, IDM 으로 파일을 빠르게 다운로드해보자! 9 image TVJ title: 열려라 맛스타의 자물쇠TVJ 18.01.09.22:02 5342
271 [HTML-CSS] 윈도우에 내장된 기본 한글 폰트들의 영문명 하루살이 title: 황금 서버 (30일)하루살이 16.09.25.13:06 5215
270 [자동응답봇] 카카오톡 자동응답봇을 만들어보자 [2] 9 image humit title: 황금 서버 (30일)humit 16.07.17.20:29 5076
269 14. 실험실에서 사용하는 기기에 대해 알아보겠츄 8 image 국내산라이츄 국내산라이츄 18.02.25.01:42 4879
268 [Selenium] Requests의 session을 Selenium으로 보내기 image 이니스프리 이니스프리 19.12.07.14:17 4720
267 [Tip or 강좌] 카카오톡 미리보기 없애는 방법 10 image humit title: 황금 서버 (30일)humit 17.11.01.13:36 4511
266 [Selenium] Selenium에서 send_keys를 막아놓은 경우 해결책 이니스프리 이니스프리 19.07.04.05:52 4475
265 4. 디스코드 봇을 시작해보자 image Doge아시다시피 Doge아시.. 18.05.08.22:14 4439
264 [미디어위키] #4 | 스킨 설치하기 (Liberty) 11 image title: 은메달도다 17.11.14.23:10 4319
263 일반 웹 호스팅과 VPS와 서버 구입의 차이점 14 NoYeah NoYeah 18.03.08.00:25 4282
262 Windows 10 앱 바로가기 만들기 1 image 하루살이 title: 황금 서버 (30일)하루살이 16.09.25.13:29 4098
261 웹호스팅에 쉽게 Let's Encrypt 설치하기 (1) - ZeroSSL 이용하기 6 image YJSoft YJSoft 17.07.12.12:54 4031
260 38. 감마퐝숀이었츄 1 image 국내산라이츄 국내산라이츄 22.04.25.23:41 3898
259 엔비디아 3D 설정에 대한 설명 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.12.19:33 3818