Twitter bootstrap 移动设备和平板电脑上的引导功能存在响应问题_Twitter Bootstrap

Twitter bootstrap 移动设备和平板电脑上的引导功能存在响应问题

twitter-bootstrap

Twitter bootstrap 移动设备和平板电脑上的引导功能存在响应问题,twitter-bootstrap,Twitter Bootstrap,地点：由于某些原因，该站点的引导响应功能在iPhone或iPad上似乎不起作用。当我缩小浏览器窗口的大小时，它们在桌面上工作得很好。我已经搜索了这个主题，唯一的答案似乎与不添加以下内容有关： > <meta name="viewport" content="width=device-width, > initial-scale=1.0"/> > 但我有这个，它仍然没有反应。我现在已经创建了一些带有引导的站点，过去从未遇到过这个问题。我甚至尝试过上传一个未编辑版本的引

地点：

由于某些原因，该站点的引导响应功能在iPhone或iPad上似乎不起作用。当我缩小浏览器窗口的大小时，它们在桌面上工作得很好。我已经搜索了这个主题，唯一的答案似乎与不添加以下内容有关：

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

但我有这个，它仍然没有反应。我现在已经创建了一些带有引导的站点，过去从未遇到过这个问题。我甚至尝试过上传一个未编辑版本的引导文件，其中一个初学者模板作为索引文件（你可以在这里看到：），但即使这样也不起作用。我就是搞不懂！任何帮助都将不胜感激

您的页面结构如下：

<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>


党脸画
#文件
...
...
...
...

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

您必须具有用于移动的元视口。RWD可以在桌面上正常工作，即使有或没有视口元标记。您的测试站点当前没有viewport meta标记，因此无法正常工作。如果您将站点放在iframe中（出于许多原因，这不是一个好主意），并且原始框架页面的html没有viewport meta标记，则会发生这种情况。真不敢相信我错过了这个！！非常感谢您的帮助：-）@duncanmacnoutan-请接受这个答案，这样您就可以成为社区的一名参与成员