iT邦幫忙

0

RWD問題

不知道為甚麼,旁邊無緣無故多了一條空白區域,但那個區域根本沒有其他元件
程式碼好像也不知道該貼哪段,求各位IT大大幫幫忙解惑!!
https://ithelp.ithome.com.tw/upload/images/20211106/20141189fZzxTKk3Rw.jpg

有需要補充程式碼 我附上github
https://github.com/isaac40/AITreeSick.git


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

1
aaa000895
iT邦新手 5 級 ‧ 2021-11-08 13:38:58
.tip4 h2::before {
    /* display: inline-block; */
        
.tip4 h2::after {
    /* display: inline-block; */
}

home.html 內的這兩個方法導致你跑版

SKYDOG iT邦新手 5 級 ‧ 2021-11-08 18:27:42 檢舉

感謝a大!!!雖然不太知道為什麼XD (基礎沒學好),
如果可以,可以和我說為甚麼這樣會導致跑版ㄇ,謝謝您QQ
/images/emoticon/emoticon02.gif

1
Freddy
iT邦新手 4 級 ‧ 2021-11-08 13:56:57

將這兩個 width 改成 100% 應該就好了。

.tip4 h2::before{
    content: '';
    width: 450px;
    height: 5px;
    display: inline-block;
    background: #fff;
    border-radius: 1px;
    vertical-align: middle;
}
.tip4 h2::after{
    content: '';
    width: 450px;
    height: 5px;
    display: inline-block;
    background: #fff;
    border-radius: 1px;
    vertical-align: middle;
}
SKYDOG iT邦新手 5 級 ‧ 2021-11-08 18:28:33 檢舉

可以了!!謝謝您!!雖然不太知道為什麼XD (基礎沒學好)
/images/emoticon/emoticon02.gif

Freddy iT邦新手 4 級 ‧ 2021-11-09 09:50:13 檢舉

我想主要是因為寫了 width 變成訂死的寬度,在 mobile 版時有機會比螢幕寬更長就變成這樣,樓上大大的做法應該是直接把 inline-block 拿掉,應該就會變成 block 會直接撐滿整個父層
寬。

SKYDOG iT邦新手 5 級 ‧ 2021-11-11 17:22:35 檢舉

了解!!!太感謝F大了!!

我要留言

立即登入留言