Javascript Firebase/AngularJS引导应用程序不适应移动屏幕_Javascript_Angularjs_Twitter Bootstrap_Firebase

Javascript Firebase/AngularJS引导应用程序不适应移动屏幕

javascript angularjs twitter-bootstrap firebase

Javascript Firebase/AngularJS引导应用程序不适应移动屏幕,javascript,angularjs,twitter-bootstrap,firebase,Javascript,Angularjs,Twitter Bootstrap,Firebase,我对firebase和Angular还不熟悉。我只是尝试构建一个应用程序，但似乎有一些东西无法与引导网格一起工作。当我缩小窗口时，应用程序会进行调整。但是当我在控制台和手机上试用时，这个应用程序并不像一个普通的引导网站那样调整屏幕大小。你可以自己看看：也许我只是把脚本排错了。。。我还尝试从jquery切换到UI引导，但它也不起作用 <!DOCTYPE html> <html ng-app="nipfct"> <head> <

我对firebase和Angular还不熟悉。我只是尝试构建一个应用程序，但似乎有一些东西无法与引导网格一起工作。当我缩小窗口时，应用程序会进行调整。但是当我在控制台和手机上试用时，这个应用程序并不像一个普通的引导网站那样调整屏幕大小。你可以自己看看：

也许我只是把脚本排错了。。。我还尝试从jquery切换到UI引导，但它也不起作用

    <!DOCTYPE html>
<html ng-app="nipfct">
  <head>
    <meta charset="utf-8">
    <base href="/">


    <title>Nobody is perfect</title>

    <link rel="stylesheet" href="theme/css/bootstrap.css" media="screen" />
    <link rel="stylesheet" href="theme/css/styles.css" type="text/css" media="screen" />

    <!-- update the version number as needed -->
    <script defer src="/__/firebase/4.8.1/firebase-app.js"></script>
    <!-- include only the Firebase features as you need -->
    <script defer src="/__/firebase/4.8.1/firebase-auth.js"></script>
    <script defer src="/__/firebase/4.8.1/firebase-database.js"></script>
    <script defer src="/__/firebase/4.8.1/firebase-messaging.js"></script>
    <script defer src="/__/firebase/4.8.1/firebase-storage.js"></script>
    <!-- initialize the SDK after all desired features are loaded -->
    <script defer src="/__/firebase/init.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-route.js"></script>
    <script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
    <script src="https://cdn.firebase.com/libs/angularfire/2.3.0/angularfire.min.js"></script>
    <!--<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g="crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
    <script src="theme/js/ui-bootstrap-tpls-2.5.0.min.js"></script>
    <script src="theme/js/scripts.js"></script>


  </head>
  <body ng-controller="mainController">

尝试在您的头部区域添加此元标记

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

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