Question

大家好，我正在尝试解决该问题的方法：我有一个响应式html网站，当在桌面浏览器上打开该网站时效果很好，但是当我在移动设备上打开该网站时，它停滞了并且无法滚动。知道有什么问题吗？谢谢

链接：http://smartwork.com.bo/demo/Forrest/index.html

    <meta name="author" content="Muhammad Morshed">

    <title>Forrest | Mundo Digital</title>

    <!-- Mobile Specific Meta
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, user-scalable=yes, minimal-ui">

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon2.png" />

    <!-- CSS
    ================================================== -->
    <!-- Fontawesome Icon font -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- bootstrap.min css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="css/owl.carousel.css">
    <!-- Grid Component css -->
    <link rel="stylesheet" href="css/component.css">
    <!-- Slit Slider css -->
    <link rel="stylesheet" href="css/slit-slider.css">
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="css/main.css">
    <!-- Media Queries -->
    <link rel="stylesheet" href="css/media-queries.css">

Css代码

body {
    background-color: #2B2C30;
    font-family: 'Ubuntu', 'Arial', sans-serif;
    line-height: 1.5;
    color: #ddd;


}

Answer 1

最后，我在正文之前使用以下代码解决了该问题。

html,
body {    
    margin:0;
    padding:0;
    height:100%;
    overflow:visible;
}
body {
    background-color: #2B2C30;
    font-family: 'Ubuntu', 'Arial', sans-serif;
    line-height: 1.5;
    color: #ddd;
    overflow: a;
}

希望发现相同的代码错误对您有帮助。

HTML网站无法在Android手机上滚动，但可以在IOS和桌面上正常运行

1 个答案: