解决移动端手机页面候选跳出框架问题

在使用手机打开博主主页时，点击项目边框跳出视野解决，
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 样式代码