hexo-theme-next bug

最近用手机浏览我的博客的时候发现主页宽度总是有问题,文章却没有问题,今天用chrome看了一下,发现应该是hexo-theme-next这个主题的bug,bug主要有两个

`` bug

table bug

在hexo-next-theme中 table的样式为

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
    font-size: 14px;
}

由于table元素把整个页面撑开,造成手机端宽度变大,看起来就像被缩放了

解决办法

改table的父元素为改为可滚动元素,如下:

.posts-expand .post-body {
    text-align: justify;
    overflow: scroll;
}