거의 동일한 웹 사이트와 비교하여 웹 사이트가 응답하지 않습니다 (제공된 링크)

Question

업데이트 : 뷰포트 태그가 머리에 누락되었습니다.

두 개의 웹 사이트가 있는데, 하나만 반응합니다. 전체 웹 사이트는 모바일 장치에서 더 큰 것처럼 보이는 모든 요소 (열 또는 응답 요소를 적용한 요소 만이 아님)가 부족한 것으로 보입니다. 이것은 매우 광범위한 질문이므로 두 웹 사이트의 헤더/navbars에만 문제의 범위를 지정할 수 있습니다.

모바일 장치에서 두 가지를 모두 방문하면 즉시 차이가 있음을 알 수 있습니다.

둘 다 SemanticUI 라이브러리를 사용합니다. 두 헤더의 외부 코드가 동일하고 두 번째 헤더 텍스트가 모바일에서 확장되지 않습니다. 몇 가지 이유. 두 번째 웹 사이트의 거의 모든 부분에서 마찬가지입니다.

먼저 사이트 (응답 헤더) : (무응답)

<div class="ui fixed icon menu"> 
    <div class="header item"> 
    <%= image_tag "logo.png" %> 
    </div> 
    <%= header_link "Inicio", root_path %> 
    <%= header_link "Quiénes Somos", about_path %> 
    <%= header_link "Proyectos", project_path %> 
    <%= header_link "Galería", gallery_path %> 
    <div class="right menu"> 
    <a href="#" class="item contact-modal"> 
     <p id="contact">Contacto</p> 
    </a> 
    </div> 
</div> 

둘째 사이트 :

<div class="ui fixed icon menu"> 
    <div class="header item"> 
    <span>Em</span><span>erg</span><span>enc</span><span>y Ki</span><span>ts</span> 
    </div> 
    <%= link_to root_path, class: "item" do %> 
    Inicio 
    <% end %> 
    <%= link_to distributors_path, class: "item" do %> 
    Distribuidores 
    <% end %> 
    <%= link_to "#", class: "contact-modal item" do %> 
    Contacto 
    <% end %> 
    <div class="right menu"> 
    . 
    . 
    . 
    <div class="item"> 
     <i class="user icon"></i> 
     <%= link_to "Iniciar Sesión", new_user_session_path, class: "logged-out" %> 
    </div> 
    </div> 
</div> 

Answer 1

어리석은 실수는, 뷰포트 태그