我正在這個網站上工作： 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>
2 回答
斯蒂芬大帝
TA貢獻1827條經驗 獲得超8個贊
看起來您可以通過添加此規則來解決您的問題：
.navbar,
#home > .carousel-inner > .item {
width: 100vw;
}
看起來您可能需要對某些屏幕尺寸上的發光粒子進行一些進一步的調整。
慕尼黑5688855
TA貢獻1848條經驗 獲得超2個贊
嘗試
background: url("../assets/images/admission/fototron_header.png")
no-repeat center;
background-size: cover;
常見問題是圖片大小沒有在移動視口中設置，導致溢出到頁面，請務必設置overflowX:hidden；到一些有大圖片的容器或者你可以制作```
width:100%;
height:auto;
- 2 回答
- 0 關注
- 133 瀏覽
添加回答
舉報
0/150
提交
取消