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

此文章发布于 36 个月前,部分信息可能已经过时,请自行斟酌确认。

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

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

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

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

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

5 条评论

  1. Kester

    老大。我想请教一下。怎么样才能修改网站左右侧栏的宽度,我装了handsome主题之后默认的左右栏是比你的盒子宽一点的,然后导航文字也比你的大。请问怎么样解决呢?另外就是,你是怎么样在手机自适应页面下,实现右上角是setting的icon,这些都是在后台哪里可以修改的吗?我是一枚新typecho的爱好者,如果你能指点我一二,将会对我的学习之路有个很鼓舞性质的帮助,谢谢你,也耐心向你学习!好人...

  2. Brian

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

    1. ifu25
      @Brian

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

      1. Brian
        @ifu25

        谢谢博主!~

        1. ifu25
          @Brian

          客气。

发表评论