不演了 可以的話....可不可以畫張圖告訴我，或是能否推薦我一個
淺顯易懂的網站

不演了 啊等等，雖然這個沒有關聯，
但這個人真的不是我，只是真的很巧的這個人也會中／日文
請不要造成別人的困擾了～

度
我偶爾也會google一下自己用過的帳號

各位也google一下吧～

        Maruru 但這個人真的不是我，只是真的很巧的這個人也會中／日文
        請不要造成別人的困擾了～

        噢不...
        幸好我只放截圖，無法圖搜

          變大了哦哦哦
          也可以滑上去了哦哦哦

          雖然這邊可能沒人來了～
          但是我還是回應一下這篇文章～

          謝謝大家的測試與幫忙哦～
          謝謝～

          把底下的訊息輸入框改成position:fixed應該就不會被蓋住了

          .msg-form-container{
	position:fixed;
	left:0;
	bottom:0;	
}

            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看起來是正常的...

                Maruru 以這個網頁的情況來看我覺得不太適合直接用vh來調整高度
                vh最後計算出來的結果會隨瀏覽器的可視範圍高度變化（70vh = 可視範圍高度 * 0.7
                所以在不同解析度的畫面最後呈現出來的效果都會不太一樣
                在A螢幕（可視範圍解析度較低）可能被下面的功能表蓋住
                在B螢幕（可視範圍解析度較高）卻又可能變成底下留白太多
                （可以在電腦直接拉瀏覽器的高度來實驗看看

                這邊可以改用calc()來計算最高高度（用max-height來限制高度
                底部功能表的高度應該不會有變化，留給底部功能表的高度就抓個120px左右

                .chat-messages{
	height:auto;
	max-height:calc(100% - 120px);
}

                    MirukuTea 謝謝您的解說，原來vh的原理是這樣子..
                    改成您說的calc之後就正常了，謝謝您～