inflearn logo
강의

Course

Instructor

Responsive Website Portfolio (Architecture Agency)

PC Layout Section Detail Publishing (Location Section) - #02

모니터 해상도따라 꽉차는 이미지 표현은 어떻게 하나요?

854

suhbyungsik1535

12 asked

1

제가 3840 해상도 모니터인데요.
브라우저 크기를 가로로 줄이면 이미지가 가운데만 보이고 남는 영역들이 생깁니다.
이런건 어떻게 처리해야 하나요?
 

웹 디자인 HTML/CSS jquery 반응형-웹

Answer 2

0

codingworks

제가 제작할 때 4K 모니터에서 본 적이 없어서 이런 부분이 생기는지는 몰랐습니다.

모든 너비와 높이가 %로 되어 있어서 모니터 해상도가 크더라도 가득 찰텐데 이런 부분이 생기는게 좀 이상하세요.

4K 모니터가 있으면 테스트 해보겠는데 일단 아쉽네요.

그런데 4K 모니터를 사용하는 사람을 대상으로 포트폴리오를 만들지는 않으니까 문제 해결이 안되더라도 너무 크게 생각하실 필요는 없습니다.

0

suhbyungsik1535

네. 잘 알겠습니다^^
그래도 나중에 혹시 이 부분에 대해서 해결 방안이 생기면 알려주시면 감사하겠습니다!

0

suhbyungsik1535

background-size : cover; 로 하면 그래도 꽉 차게 되어서 괜찮아 보입니다.

0

codingworks

아... 이미지를 큰 것을 써서 강의에서 background-size : cover 이 부분을 넣지 않았나보네요.

사실 1920 해상도 이상을 염두해두지 않고 만든거라... 제가 한수 배웁니다.

0

suhbyungsik1535

전체크기에서는 이렇게 보입니다.

full reload 질문

1

178

3

섹션4에 있는 4번째 강의 질문(스크롤링)

1

148

2

안녕하세요. 질문있어서 조심스레 글을 올려봅니다.

1

197

1

브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ

1

317

3

css full reload 문제가 발생하여 질문드립니다!

1

315

3

파일 내 index.html에 대한 오류

1

264

1

모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 부분 해결되지 않아 재 질문 드립니다ㅠㅠ

1

207

1

모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 질문입니다

0

218

2

모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 다시 수정하여 질문드립니다!

1

201

2

모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 질문드립니다.

1

255

3

크로스브라우징-크롬

1

280

2

섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..

0

256

1

line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다

1

217

1

슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다

1

274

1

이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?

1

257

1

모바일 버전에서 메뉴 클릭 후 그 위치로 이동할 때 상단 영역

1

508

2

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)4

2

233

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)3

2

308

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스 js)2

2

259

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태

2

423

1

포지션 속성 중복과 관련해서

1

213

1

section about에 관련.. 궁금해요

1

254

1

섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련

1

191

2

개발자도구

2

481

6