태블릿에서 열 때 내 로고가 겹쳐지지 않게하는 방법

테이블에서 내 웹 페이지를 열면 로고가 크기가 커지고 내 메인 메뉴 막대의 링크가 덮일 수 있습니다. 여기태블릿에서 열 때 내 로고가 겹쳐지지 않게하는 방법

내 소스 코드와 CSS는 ..

 <div class="container"> 

      <div class="logo"><a class="brand" href="index.html"><img src="../Website/SCM Logo.png" alt="optional logo">    </div> 

      <div id="mainmenu" class="menu_container"> 
       <label class="mobile_collapser">MENU</label> 
       <!-- Mobile menu title --> 
       <ul> 
        <li class="active"><a href="index.html"></a></li> 
        <!-- Must create links here --> 
        <li><a href="About Us.html">Mechanical</a></li> 
        <li><a href="services.html">Electrical</a></li> 
        <li><a href="portfolio.html">Communication</a></li> 
        <li><a href="contact.html">Contact</a></li> 

       </ul> 
      </div> 
      <div class="triangle-up-left"></div> 
      <div class="triangle-up-right"></div> 
     </div> 
</header>

출처

2014-07-10 Christian FaydHerbe de Maudave

CSS가 보이지 않습니다 ... 지금까지. –

내 CSS를 게시 할 수는 없지만, 이제는 ash 인라인 스타일로 주석을 입력하고 CSS를 건드리지 않았습니다. 도울 수있는 기꺼이 응원 해 주셔서 감사합니다. –

로고의 백분율 크기를 지정해보십시오 (style="max-height:50%; max-width:50%"). 이것은 다른 장치로 확장 할 수있게하고, 잘하면 주 메뉴를 다루지 않을 것입니다.

출처

2014-07-10 15:37:18 DarkNinja955

대단히 감사합니다. –

귀하의 태그가 완료되지 않았습니다. 다음을 확인하십시오 :

<div class="logo"> 
    <a class="brand" href="index.html"> 
    <img src="../Website/SCM Logo.png" alt="optional logo" /> 
    </a> 
</div>

출처

2014-07-10 14:19:35 SR5

태블릿에서 열 때 내 로고가 겹쳐지지 않게하는 방법

답변

관련 문제