RWD問題

html rwd網頁設計 rwd 網頁製作網頁排版網頁製作網頁 html

SKYDOG 2021-11-06 13:51:42 ‧ 1043 瀏覽

分享至

不知道為甚麼，旁邊無緣無故多了一條空白區域，但那個區域根本沒有其他元件
程式碼好像也不知道該貼哪段，求各位IT大大幫幫忙解惑!!

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

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 則留言

aaa000895

iT邦新手 5 級 ‧ 2021-11-08 13:38:58

.tip4 h2::before {
    /* display: inline-block; */
        
.tip4 h2::after {
    /* display: inline-block; */
}

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

回應 1
檢舉

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

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

登入發表回應

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;
}