inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Trong thực tế! Tạo trang web! Từng bước một! (Mudesign_Web đáp ứng)

뮤자인사이트에 반영되어있는 창크기 조절시 새로고침되는 방법에 대해 질문 드려도될까요?

526

twkim94

1 câu hỏi đã được viết

0

선생님 안녕하세요! 강의 잘 보고 있습니다!

뮤자인 사이트 반응형에 대해 질문드릴게 있는데요,

현재 뮤자인사이트를 보면 PC에서 창크기 조절시 특정 구간마다 자동으로 새로고침이 되면서

그 사이즈에 맞는 반응형 레이아웃이 불러와지더라구요! 아마 스크립트를 이용한 것 같긴한데...

혼자 구글링하여 알아보려고해도,  어떤 메소드와 원리를 사용하였는지 몰라서 많이 제한되는 상황입니다 ㅜㅜ

혹시 시간 괜찮으시면 확인해보시고 검색 키워드나 힌트 살짝 부탁드려도 될까요..?

https://musign.net/

jquery 웹 디자인 HTML/CSS 인터랙티브-웹 반응형-웹

Câu trả lời 1

1

jyoung

 안녕하세요? 김태완님
답변이 늦어 죄송합니다.
주말에 지방에 다녀오느라 이제서야 질문을 확인했습니다.

뮤자인 사이트보니 말씀하신대로 구간마다 새로고침이 되면서..조절이 되네요 ㅎㅎㅎ
기본 레이아웃과 애니메이션,  반응형 레이아웃에 집중하다보니 그부분을 미처 보지 못했습니다 ㅎㅎ
(본 강의 타겟이 자바스크립트 기초를 몰라도 할 수 있는 간단한 제이쿼리와 CSS로 인터렉티브웹 구현이다보니..)

저 부분은..아래 스크립트가 적용되었으니
스크립트파일에 아래 소스를 붙여넣으시면 됩니다.

$(function() {
$(window).resize(function() {
  location.reload(); 
    });
});

더 궁금하신 사항은 아래 주소에서 학습하시면 되겠습니다.

https://developer.mozilla.org/ko/docs/Web/API/Window/resize_event


오늘도 좋은 하루 되십시요...

J.young드림

연애인 사주는 그냥 넣어도 상관없나요?

0

9

0

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

14

0

인프당 무당 캐릭터 뽑는 프롬프트

0

13

0

10월 15일 삭제예정 강의 문의

0

37

1

강의가 중복됐어요

0

48

0

결제가 이루어지는 방식에 대한 문의

0

54

1

강의제목에 10/15일 삭제라고 나와있는데,

0

48

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

56

2

1강 동영상 재생 오류

1

67

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

42

1

Composition단계에서 `Layer`는 누가 만드는지

0

44

1

Strict Mode 예시 질문!

0

58

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

62

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

89

4

설명이 잘못된거같습니다.

1

77

2

가로사이즈

0

329

0

스크롤시 배경시 바꾸는것이요

0

389

0

반응형 웹사이트 가로스크롤

0

1874

3

img를 p로 감싸는 이유

0

821

2

design 이미지 2가지 배경 적용에 따른 after

0

298

1

@media 767px 안에 @media 320px 코드가 들어가는게 맞나요?

0

253

1

reset.txt

0

255

1

0:22 느낌표+tab

0

370

2

수업자료

0

287

1