網站手機版右側多出的留白

最近在學習 Bulma 這個前端框架,發現一個小問題,就是網站切版完成後,我在電腦上面看都很正常,可是透過手機去看,只要手指不小心往左滑,右邊就會多出奇怪的留白。

後來研究一下,是怎麼一回事,所以順手紀錄一下:

html,body{
    overflow-x: hidden;
}

加上這行後,竟可以設定如何處理元素框的顯示內容,將他限制在某個範圍內,避免影響版面配置

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *