解決移動端手機頁面候選跳出框架問題

在使用手機打開博主主頁時，點擊項目邊框跳出視野解決，
CQXDYIR73
歸檔頁面文字也貼邊，很是不協調
4OC932
出現此問題是由下面兩段 CSS 造成

 /*--鼠標選擇樣式文章概要動態變大*/
.xlog-post:hover {
            transform: scale(1.2);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
        }
.xlog-post {
    padding: 1rem;
}
/*---鼠標選擇樣式歸檔文章列表動態變大*/
.items-center.-mx-2:hover {
            transform: scale(1.2);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
}

現更改為

 /*--鼠標選擇樣式文章概要向上浮動*/
.xlog-post:hover {
		box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* 鼠標懸浮時盒子出現的陰影 */
		transform: translate(0, -10px);/* 鼠標懸浮時盒子上移10px */
        }
.xlog-post {
    padding: 1rem;
}
/*---鼠標選擇樣式歸檔文章列表向上浮動*/
.items-center.-mx-2:hover {
		box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* 鼠標懸浮時盒子出現的陰影 */
		transform: translate(0, -10px);/* 鼠標懸浮時盒子上移10px */
}

對應的樣式
主頁效果不明顯只是下方出現陰影，但整體效果不突兀，本人比較滿意
BBZV

歸檔頁明顯帶陰影
_V6ZC8

引用本博主 CSS 樣式的朋友如有需要可照上邊樣式修改

後期測試合格後定稿的話，博主會發布全部自定義 CSS 樣式代碼