• 목록
  • 아래로
  • 위로

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 829
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 4503
217 [미디어위키] #2 | 로고를 변경해보자 3 image title: 은메달도다 17.10.24.02:55 2060
216 온라인에서 Matlab을 사용해보자. 2 image humit title: 황금 서버 (30일)humit 16.07.14.01:00 2060
215 CentOS 6.X (6버전 모두 해당)에 웹서버 세팅을 해보자! LuisK 16.08.18.17:46 1993
214 [☆운영체제를 만들어보자☆][Chapter 01] 1. 16비트 레지스터 살펴보기 7 image Hygon 18.02.09.01:07 1960
213 [ASP.NET Core를 이용한 웹사이트 만들기] OT. ASP.NET Core란 무엇인가?, 작업 환경 구성 5 0x00000FF 0x00000FF 18.09.06.00:51 1927
212 웹서버 IIS 설치하기 4 image NoYeah NoYeah 17.11.01.22:43 1846
211 [자동응답봇] 카카오톡 자동응답봇을 만들어보자 [1] 2 image humit title: 황금 서버 (30일)humit 16.07.16.11:38 1773
210 본격적으로 서버 구축하기 - 인트로 9 NoYeah NoYeah 17.10.29.00:58 1765
209 [XE] [PWA] 내 사이트를 앱으로 만들어보자! 4 image YGL 21.02.02.22:39 1697
208 세번째 이야기, Mega를 이용한 다운로드를 해보자. 1 image TVJ title: 열려라 맛스타의 자물쇠TVJ 17.11.14.22:30 1684
207 웹호스팅에 쉽게 Let's Encrypt 설치하기 (2) - SSL For Free 이용하기 8 image YJSoft YJSoft 18.01.04.11:31 1659
206 [자동응답봇] 카카오톡 자동응답봇을 만들어보자 [4] 1 image humit title: 황금 서버 (30일)humit 16.07.26.21:27 1637
205 NVIDIA 사용자의 C:\ 용량확보 1 image 하루살이 title: 황금 서버 (30일)하루살이 16.09.25.13:10 1594
204 유튜브 영상 다음팟 플레이어로 재생하기 3 image 하루살이 title: 황금 서버 (30일)하루살이 16.09.25.13:13 1578
203 [Selenium] proxy를 사용하지 않고 개발자도구에서 Network 탭의 로그를 얻기 image 이니스프리 이니스프리 21.03.06.23:35 1575
202 [☆운영체제를 만들어보자☆][Chapter 01] 3. 다섯 가지 메모리 영역과 간단한 어셈블리 4 Hygon 18.02.25.13:43 1570
201 [신쓸재수] 소개합니다! 4 image TVJ title: 열려라 맛스타의 자물쇠TVJ 17.10.22.00:21 1550
200 [Windows10/윈도우10] 마우스 커서 변경방법 image 막시모 막시모 16.08.04.09:13 1547
199 40. SI 접두어에 대해 알아보시츄 (+IUPAC 접두어) 2 image 국내산라이츄 국내산라이츄 22.10.10.00:11 1541
198 [Node.js로 홈페이지 만들기] Vue.js 설치 2 image YGL 20.12.18.22:07 1517