2017-09-11 6 views
0

Materialize를 사용하여 새 웹 사이트 디자인을 만들려고합니다.
지금까지 모든 것이 잘되고 있지만 한 가지 :
데스크톱 버전에서는 로고가 완벽하게 유지되지만, 반응 형보기로 들어가거나 로고를 제대로 확대하면 로고가 제대로 맞지 않습니다. Materialize : 로고의 크기를 올바르게 조정하십시오.

Regular view Responsive view

그래서 제 질문은 내가이 문제를 해결 할 수있는 방법인가?
로고가 조금 더 작아 지길 원합니다. 누군가가 할 수있는 I 희망

<a href="#" class="brand-img img-responsive"> 
    <img src="https://www.finlaydag33k.nl/wp-content/uploads/2016/08/logo-FDG-300-01-300x300.png"> 
</a> 

:

.brand-img img { 
    padding-left: 5px; /* Fix a little issue of the logo "sticking" to the left side of the screen too much */ 
    height: 100%; 
} 

및 (그 멋진하지 않습니다) 내가 사용하는 HTML 라인 : 여기

내가 순간에 사용하는 CSS입니다 도와주세요 :)

답변

2

시도의 사용이 당신의 이미지 :

position:relative; top:1px; /*adjust this top*/ 

이미지의 위치가 바뀌고 div에 맞게 조정됩니다