1

大家！我正在使用框架类固醇和 css/html/js 为 ios 编写一个移动应用程序。不幸的是，我不明白，为什么我不能向下滚动视图。请帮忙。

屏幕的 html 代码

<html>
<head>
  <meta charset="utf8">
  <meta name="viewport" content="width=device-width">
  <title>Teachers</title>

  <link rel="stylesheet" href="/vendor/ionic/css/ionic.css" />
  <link rel="stylesheet" href="vendor/stylesheets/application.css" />

  <script src="/javascripts/onerror.js"></script>
  <script src="/javascripts/console.log.js"></script>

  <!-- cordova.js is served from localhost to ensure the correct version -->
  <script src="http://localhost/cordova.js"></script>
  <script src="/components/steroids-js/steroids.js"></script>

  <script src="/javascripts/application.js"></script>
</head>
<body>


  <div class="grid">

     <img src="teachers/bobr.jpg">
     <h3>Боброва Даша</h3>
     <p>Математический анализ</p>
</div>
<div class="grid">
    <img src="teachers/korolev.jpg">
        <h3>Королев Даня</h3>
        <p>Программирование 1</p>
    </div>
        <div class="grid">
        <img src="teachers/mayb.jpg">
    <h3 >Майборода Кирилл</h3>
     <p>Программирование 2</p>
    </div>

    <div class="grid">
    <img src="teachers/mosh.jpg">
    <h3 >Монгольский фанк</h3>
    <p>Ла-ла</p>
   </div>
</body>
</html>

和CSS的一部分

body {
    /* Background color set as workaround for Legacy Android issue:
    https://github.com/AppGyver/steroids/issues/381 */
    background-color:#fff;

}



.grid{
width: 100%;
height: 33%;
clear: both;
display: inline-block;
}


.grid img{

    padding-top: 2%;
    padding-bottom: 2%;
    margin-left: 3%;
    width: 33%;
    height:96%;
    float: left;


}
.grid h3{
    font-size: 300%;
    text-align: center;
    padding-top: 4%;


}
.grid p{

    font-size: 200%;
    text-align: center;
}
4

1 回答 1

0

应该声明 ，因为 body 的这种样式是在默认的 css 文件中声明的，并且对于在 android/iphome 上模拟应用程序是必需的。

于 2014-10-17T22:12:52.717 回答