我正在這個(gè)網(wǎng)站上工作： http: //www.smartandwise.co.kr/home/它在桌面瀏覽器上運(yùn)行良好，但有一個(gè)元素在移動(dòng)設(shè)備上無(wú)法運(yùn)行。左：桌面視圖 <-- --> 右：移動(dòng)視圖我在用著<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貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊
看起來(lái)您可以通過(guò)添加此規(guī)則來(lái)解決您的問(wèn)題：
.navbar,
#home > .carousel-inner > .item {
width: 100vw;
}
看起來(lái)您可能需要對(duì)某些屏幕尺寸上的發(fā)光粒子進(jìn)行一些進(jìn)一步的調(diào)整。
慕尼黑5688855
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超2個(gè)贊
嘗試
background: url("../assets/images/admission/fototron_header.png")
no-repeat center;
background-size: cover;
常見問(wèn)題是圖片大小沒有在移動(dòng)視口中設(shè)置，導(dǎo)致溢出到頁(yè)面，請(qǐng)務(wù)必設(shè)置overflowX:hidden；到一些有大圖片的容器或者你可以制作```
width:100%;
height:auto;
- 2 回答
- 0 關(guān)注
- 141 瀏覽
添加回答
舉報(bào)
0/150
提交
取消