网站在桌面上响应但在移动设备上不响应

Question

我正在这个网站上工作： http: //www.smartandwise.co.kr/home/它在桌面浏览器上运行良好，但有一个元素在移动设备上无法运行。左：桌面视图 <-- --> 右：移动视图我在用着<meta name="viewport" content="width=device-width, initial-scale=1.0">和<noscript>    <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PV4KQ8"            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- Home --><div id="home" class="carousel slide" data-ride="carousel">    <!-- Background Images -->    <div class="carousel-inner" role="listbox">        <div class="item active bg1 ball">            <div class="container">                <div class="carousel-caption col-lg-6">                    <h1>Grow With You</h1>                    <div class="divider2 text-center">                    <span></span></div>                    <p>스마트앤와이즈는 연결중심의 미래 교육을 위한 </br>지능형 학습 시스템 솔루션을 제공합니다. </p>                </div>            </div>        </div>    </div>    <!-- Circular Images -->    <div class="container">        <div class="row">            <div class="col-lg-4">                <img class="img-circle" src="img/icon8.png" alt="home-complete">                <div class="title">                    <div class="bg"></div>                    <h2>미래 학습 환경</h2>                </div>                <p>                    미래 환경에 요구되는 학습 시스템 및<br/>                    도구를 직접 개발 합니다.                </p>            </div>            <div class="col-lg-4">                <img class="img-circle" src="img/icon9.png" alt="home-24h">                <div class="title">                    <div class="bg"></div>                    <h2>학습자 중심 시스템</h2>                </div>                <p>                    다양한 학습자의 수준과 경험을<br/>                    고려한 환경을 개발합니다                </p>            </div>

Answer 1

看起来您可以通过添加此规则来解决您的问题：

.navbar,

#home > .carousel-inner > .item {

    width: 100vw;

}

看起来您可能需要对某些屏幕尺寸上的发光粒子进行一些进一步的调整。

Answer 2

尝试

    background: url("../assets/images/admission/fototron_header.png")

      no-repeat center;

    background-size: cover;

常见问题是图片大小没有在移动视口中设置，导致溢出到页面，请务必设置overflowX:hidden；到一些有大图片的容器或者你可以制作```

width:100%;

height:auto;