inflearn logo
강의

Course

Instructor

Responsive Website Portfolio (App Official Landing Website)

Welcome Section Creation (Typing Text Animation) 02

크롬창을 줄어들면 이미지가 작아짐

743

dnr2608

7 asked

1

20221205174135.png안녕하세요 강사님. 강의 잘듣고 있습니다.

다름이 아니오라 크롬창이 줄어들면 이미지도 같이 작아지는데 이미지 크기를 고정시키는 방법이 있는지 해서 질문 요청합니다.

그리고 다른사람들의 퍼블리셔 포트폴리오를 보면 대부분 피그마로 디자인이 되있던데 피그마를 배워서 포트폴리오에 첨석하는게 취업에 필수 인가요.

HTML/CSS jquery 반응형-웹

Answer 1

0

codingworks

창 너비에 맞춰 슬라이드 이미지가 줄어드는게 일반적인데... 혹시 고정하시려면 이미지의 너비를 픽셀로 고정하시면 됩니다.

피그마로 만드는 포트폴리오는 디자이너 퍼블리셔에 따라 조금 다릅니다.
퍼블리셔로서 피그마 사용능력은 어느 정도 갖추고 있는 것이 실무에서도 개인 포트폴리오 제작에서도 취업 경쟁력에서도 좋습니다. 그렇다고 디자이너가 해야 하는 만큼 피그마를 100% 활용할 필요는 없습니다. 기본적인 사용 능력이면 충분합니다. 코딩웍스 강의 중에 <모바일 웹 퍼블리싱 포트폴리오 with Figma>라는 강의가 있습니다. 해당 강의에서 피그마 사용 능력과 피그마 포트폴리오를 만드실 수 있습니다.

<모바일 웹 퍼블리싱 포트폴리오 with Figma> 강의 소개

0

dnr2608

이미지 넓이를 픽셀로 고정하는 방법을 구체적으로 알수 있을까요.

설명하시기 어려우면 관련된 강의라던지 혹시 있을까요

0

codingworks

슬라이드가 되는 div 밑에 있는 img에 width를 고정해서 주시면 될 것 같습니다.

0

dnr2608

<ul class="slideshow">
                <li><img src="images/slide-welcome-01.png" alt=""></li>
                <li><img src="images/slide-welcome-02.png" alt=""></li>
                <li><img src="images/slide-welcome-03.png" alt=""></li>
            </ul>

.slideshow{
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}
.slideshow li{
    position: absolute;
    width: 1920px;
}

0

dnr2608

이렇게 하면 되긴 되는데 왜 img 밖에 li로 감싸야 동작을 하는지 알려주실수 있나요.

https://justlikethat.co.kr/ 이 사이트를 참고했습니다

하드코딩으로 이미지맵(image map) 만들기

1

79

2

슬릭 슬라이더

1

148

2

position: fixed; 가 안먹혀요..뭐가 문제일까요?

1

168

1

반응형 fixed 안먹히는 문제

1

264

2

선생님

2

155

1

.news-thum .date 위치가 안맞아요

1

245

2

TypeIt - Welcome 부분이 적용이 안됩니다..

1

369

2

Scroll Reveal Animation 적용이 안되요

1

362

1

완성 후 각 섹션 display:none 주석 시 문제

1

384

3

브라우저를 줄일 때 화면 깨짐

1

633

2

welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.

1

341

1

제이쿼리 탭메뉴 클릭 질문

1

236

1

질문있습니다

1

549

1

질문있습니다.

2

646

2

슬릭슬라이더가 왜 안되는지 모르겠습니다

1

623

1

slick slider와 .ceo-content영역 겹침

1

720

1

span .badge 부분 참고하실분 하세요

2

333

1

플렉스를 안주고 그냥 패딩을 줘도 되지 않나요

1

331

1

창을 줄이면 위치가 이동되는 백그라운드 이미지

1

532

1

scroll behavior 오류

1

267

1

선생님 코딩좀 봐주세요..

1

402

3

왜 전 선생님과 화면이 다를까요?

1

368

3

따라했는데 이상합니ㅏㄷ..ㅠ

1

295

2

flex로 된 부분을 좌우로 애니매이션 할때 발생하는 문제점.

1

212

1