CSS 将页脚固定在页面底部
背景 最近要给豆瓣直租加上版权、备案信息,这些信息通常放在页脚。而页脚的具体放置也有些讲究,具体希望达到的效果是这样的: 对于长页面(视口无法放下全部内容,需要向下滚动),希望页脚放在正文结尾的下方,即 position: static; 效果。 对于短页面(视口可以放下全部内容,且页面底部还留有许多空白),希望页脚放在视口底部,即 position: fixed; bottom: 0; right: 0; 效果。 实现方法…
Read More背景 最近要给豆瓣直租加上版权、备案信息,这些信息通常放在页脚。而页脚的具体放置也有些讲究,具体希望达到的效果是这样的: 对于长页面(视口无法放下全部内容,需要向下滚动),希望页脚放在正文结尾的下方,即 position: static; 效果。 对于短页面(视口可以放下全部内容,且页面底部还留有许多空白),希望页脚放在视口底部,即 position: fixed; bottom: 0; right: 0; 效果。 实现方法…
Read More我的博客是 WordPress 搭建的,当前在用的主题是 Blogier。对我而言,有一个不足点是,博客的 meta 信息没有文章的「最后修改日期」。 为什么需要「最后修改日期」这个信息呢?主要是想告诉读者,这篇博客的内容是处于维护状态的,无论是内容/表述方式/错别字。 需求点与实现方式都参考了这篇 blog:How To Show Last Updated Date on…
Read More背景 自己当前在用的这款 MacBook Pro 是 2017 款带 Touch Bar 的,当年发布后不久入手。距今虽已有 7 年,但实际服役时间并没有那么久,因为中间有几年用的是公司的电脑。 这几年使用下来整体体验还是不错的,但最近却出了大问题:屏幕闪烁严重(简直能把眼睛闪瞎)。 由于我这里遇到的是硬件层面的故障,软件层面图像渲染并没有问题,因此用 macOS…
Read More