Question

网站：http://www.partyfacepainting.co.uk/test

由于某种原因，Bootstraps响应功能似乎无法在iPhone或iPad上运行。当我减小浏览器窗口的大小时，它们在桌面上正常工作。我搜索了这个主题，唯一的答案似乎与不添加：

有关

> <meta name="viewport" content="width=device-width,
> initial-scale=1.0"/>

但是我有这个并且它仍然没有响应。我现在创建了一些带引导程序的站点，过去从未遇到过这个问题。我甚至尝试使用其中一个入门模板作为索引文件上传未经编辑的bootstrap文件版本（您可以在此处看到：http://www.partyfacepainting.co.uk），甚至无法正常工作。我无法解决这个问题！任何帮助将非常感激。

Answer 1

您的网页结构如下：

<html>
  <head>
    <title>Party Face Painting</title>
      <meta name="keywords" content="">
      <meta name="description" content="">
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <!-- you need a viewport meta tag up here -->
  </head>
  <frameset rows="100%">
    <frame ...>
      #document
      <!DOCTYPE html>
        <html lang="en">
          <head>
            ...
            <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
            <!-- you have a viewport meta tag within the frameset here -->
            ...
          </head>
          ...
    </frame>
    ...
  </frameset>
</html>

最外层页面上没有视口元标记，只在框架

中

移动和平板电脑上的bootstrap响应问题

1 个答案: