Question

更新：我在头部错过了视口标记。

我有两个网站，只有一个是响应式的。整个网站似乎缺乏使得所有内容（不仅仅是我已应用列或响应元素的元素）在移动设备上显得更大的东西。鉴于这是一个非常广泛的问题，我可以将问题的范围仅限于两个网站中的标题/导航栏：

如果您同时访问移动设备，则会立即发现其中的差异。

两者都使用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

愚蠢的错误，忘记了视口标记

与几乎相同的网站（提供的链接）相比，网站没有响应

1 个答案: