最近用手机浏览我的博客的时候发现主页宽度总是有问题,文章却没有问题,今天用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;
}