인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

vitamingirl's profile image
vitamingirl

asked

Responsive Website Portfolio (Architecture Agency)

[Section 02. Step-by-step Completion] Overall Layout Wireframe Publishing (PC ver.)

레이아웃설정

Written on

·

337

·

Edited

1

쌤! 모니터 해상도에 따라 이렇게 차이가 나는 데요

맨밑에 사진2장 참고해주세요

 

 

<div class="content">
  <img src="images/temp-section-07.jpg" alt="배경이미지7">
</div>

.contnet > img 때문에 이게 백그라운도 넣은것이 아니라 img로 넣다보니 이렇게 다르게 나오는것 같은데요

2번도 1번처럼 나오게 하려면

.contnet > img{width:100%; height:auto;}

해보니 이미지가 옆으로 딱 1번처럼 맞춰지나 높이가 auto이다보니 높이가 줄어들고 하는데요 .height:auto; 안줘도 마찬가지구요

이거 나중에 크로스브라우징 해서 다 맞춰지는건지요...

 

 

  1. 강의 동영상 레이아웃 와이어프레임 퍼블리싱 (pc)

     

    [1번]

[2번]

 

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

Answer 1

0

codingworks님의 프로필 이미지
codingworks
Instructor

현재 단계에서는 반응형이 적용이 안된 상태의 강의에요.
계속 단계 별로 이어가시면 최종적으로 완벽하게 반응형이 되는 상태로 제작이됩니다.
순차적으로 영상을 따라가시면 됩니다.

vitamingirl's profile image
vitamingirl

asked

Ask a question