Typecho handsome 模板页面宽度及头图尺寸设置

本站目前(2019/08/30)使用Typecho+handsome 主题搭建,主题默认宽度有点小,于是改宽了一下,然后头图的尺寸和页面宽度是有关系的,为了写博客时制作的头图和页面匹配,这里记录一下相关尺寸。

目前暂时定头图图片文件原始尺寸为900*250px,为了显示最佳显示尺寸也应该是这个尺寸。

页面总宽度和头图显示宽度的公式为:{图片显示宽度} = {页面宽度} - 220 - 240 - 42

所以目前想要图片显示900px,那么页面宽度要设置成:900 + 220 + 240 + 42 = 1402px

最后修改:2019 年 08 月 30 日 11 : 42 PM
如果觉得我的文章对你有用,请随意赞赏

4 条评论

  1. Brian

    你好,怎么改盒子的宽度(主题默认宽度)呢?
    具体在自定义css里面加入什么代码,请教一下,谢谢

    1. ifu25
      @Brian

      修改主题目录下的 handsome.min.css 文件,搜索 1170px,可能有好几个地方,我改成了 1402px,可能需要自己 F12 调试着改,时间挺久了我记不清改了几个地方了。

      1. Brian
        @ifu25

        谢谢博主!~

        1. ifu25
          @Brian

          客气。

发表评论 取消回复