30. December 30, 2020

앗 

30번째 포스팅을 12월 30일에 쓰다니..!

 

 

무튼

이번 내가 겪었던 어려움

 

이미지와 동영상이 여러개 있는 상태에서 각각 다른 사이즈와 비율이 필요할 때

 

1. 로고를 삽입했는데 쥐똥만하게 나오는 것...

 

 

이유는 이놈 때문이었다.

common.css 에있는 max-width: 100%

 

그래서 나는...

처음에

img css를 max-width를 90px로 설정했다.

그랬더니 아래 이미지들이 난리나기 시작함

 

 

그래서 아예 max-width를 지워봤다..

 

로고는 정상적으로 나왔으나... 여전히 아래가 난리남

 

 

 

 

width를 css가 아닌 각각의 img html 태그에 로고 90px, 아래 이미지들 100%로 줬는데도 적용이 되질 않았다. 

 

 

그래서 찾은 방법.. img 에도 id를 주기

처음 알았다 img 태그에도 id를 줄 수 있다는 것을 

 

<h1 class="logo"><a href="{{$template}}"><img id="logo"src="{{$template}}/img/images/logo.jpg"/></a></h1>

이런뒤에 css에서 id선택자로 로고만 90px 기본 이미지는 max-width: 100%을 하니 이제 잘나온다