MirukuTea 啊,不好意思,
我照著那樣改的話,對話內容在我手機上會被輸入框跟按鈕擋住.
IPhone 6s plus IOS 12.4
我必須要改Heigt 從80vh改成70vh才比較正常
.chat-messages {
text-align: left;
border: 0px solid;
border-color: rgb(153, 153, 153);
overflow: auto;
height: 70vh; /*這裡要改70,原本是80*/
width: 100vw;
overflow-y: scroll;
overscroll-behavior-y: auto;
scroll-snap-type: y proximity;
}
不好意思,我是網頁新手...
我有聽過南瓜君的講解,我記得vh=可視範圍(這裡指高度),
而我自己得出為什麼要改70的結論是,我用網頁瀏覽器開啟聊天室
畫面上有網址列,最下面又有瀏覽器的底部功能表,所以實際可視範圍
又必須去扣掉這兩樣才會得出真正的尺寸,我這樣的理解是正確的嗎?
因為如果我以全畫面,沒有網址列跟底部功能表進入聊天室的話,
80vh看起來是正常的...