반응 형 디자인의 로고 모바일에 맞게 크기가 조정되지 않습니다

저는 빠른 해결책이라고 생각하는 문제가 있습니다 ... 그러나 간단히 말해서 나 자신을 알아낼 수는 없으며 검색을 빨리 실행해도 도움이되지 않았습니다 나도.반응 형 디자인의 로고 모바일에 맞게 크기가 조정되지 않습니다

기본적으로 내가 다루고 싶은 유일한 실제 문제는 모바일 양식의 사이트 내부에 맞도록 축소되지 않는 로고 (서비스 첫 번째)입니다. 나머지 사이트는 응답 성있는 웹 디자인에 상당히 좋게 응답하지만 헤더 이미지는 트 위칭이 아니기 때문에 페이지의 가장자리에서 벗어납니다. 모바일 기기에서 볼 경우

내 사이트 www.test.servicefirstsvc.com

에서, 또는 단순히 전화 크기로 웹이 broswer 창을 축소, 당신은 문제를 볼 수 있습니다. 어떤 도움이 필요합니까? 필요한 경우 반응 형 CSS의 관련 부분을 붙여 넣을 수 있습니다.

출처

2015-01-02 proxlars

img 태그는 CSS를 통해 max-width: 100%;에 지정하면됩니다.

이미지의 종횡비에주의하지 않는 사파리 브라우저의 이상한 문제 때문에 height: auto;을 추가해야합니다.

출처

2015-01-02 20:24:05 Loilo

의견을 보내 주셔서 감사합니다 ... 불행히도, 아니 bueno. 여기 내 CSS.art-logo-919440050 { 위치 : 절대; 상단 : 0 픽셀; 왼쪽 : 0 %; margin-left : 0px! important; -webkit-transform : rotate (0deg); -moz-transform : rotate (0deg); -o-transform : rotate (0deg); -ms-transform : rotate (0deg); 변형 : rotate (0deg); z- 색인 : 101; 신장 : 자동; 최대 너비 : 100 %; !중대한; } – proxlars

다음은 HTML -> 입니다. – proxlars

이 아닌 태그에 CSS를 직접 적용해야합니다. 추가 CSS 클래스를 지정하고 거기에서 최대 너비 코드를 이동하십시오. . – Loilo

반응 형 디자인의 로고 모바일에 맞게 크기가 조정되지 않습니다

답변

관련 문제