2016-07-25 69 views
0

我是新来做出反应并创建了一个小应用程序。一切工作正常在桌面上,但应用程序的反应部分不显示在移动设备上。可以告诉我该怎么办?reactjs应用程序在桌面上正常工作但在手机上不可见

http://dry-wildwood-76655.herokuapp.com/

的package.json

{ 
    "name": "udacitytransportationapp", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "start": "node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js", 
    "prod": "NODE_ENV=production node server.js", 
    "postinstall": "webpack -p" 
    }, 
    "author": "", 
    "license": "ISC", 
    "dependencies": { 
    "babel-core": "^6.11.4", 
    "babel-loader": "^6.2.4", 
    "babel-preset-es2015": "^6.9.0", 
    "babel-preset-react": "^6.11.1", 
    "babel-preset-stage-1": "^6.5.0", 
    "express": "^4.14.0", 
    "html-webpack-plugin": "^2.22.0", 
    "jquery": "^3.1.0", 
    "lodash": "^4.13.1", 
    "moment": "^2.14.1", 
    "offline-plugin": "^3.4.2", 
    "react": "^15.2.1", 
    "react-dom": "^15.2.1", 
    "react-router": "^2.6.0", 
    "webpack": "^1.13.1" 
    }, 
    "devDependencies": { 
    "mocha": "^2.5.3", 
    "webpack-dev-server": "^1.14.1" 
    } 
} 

的index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Transportation App</title> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="/style/style.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    </head> 
    <body> 
    <div class="header"> 
     <nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
      <div class="navbar-brand">TransportationApp</div> 
      </div> 
      <ul class="nav navbar-nav navbar-right"> 
      <li> 
       <a href="http://www.bart.gov/">With this app you can search through the BART station schedules</a> 
      </li> 
      </ul> 
     </div> 
     </nav> 
    </div> 
    <div class="container"></div> 
    </body> 
    <script src="/bundle.js"></script> 
</html> 

风格/ style.css中

.bart-image { 
    width: 300px; 
    height: 300px; 
} 

.table-row { 
    padding-top:30px; 
} 
+0

这不是一个移动问题。它也不能在safari中工作 – erichardson30

+0

它适用于桌面上的chrome,但不适用于移动设备上的chrome。 –

+0

它在safari桌面上不适用于我。所以这是一个库/ css的问题。除了反应,你还使用了哪些库? – erichardson30

回答

相关问题