换个字体真是麻烦多。
文字换行(iPhone 6)
搞笑的是,电脑浏览器“响应式设计模式”中竟然无法复现,只有老款手机上才发生。
解决办法:
/* 父容器 */
.site-header .header-inner {
display: inline-flex;
}
/* 子容器 */
.site-title {
white-space: nowrap;
text-overflow: ""
}
文字不换行
文楷字体主题的CSS,是博客五年来不断增添的。晚上想着优化一下,顺手贴到Notepad--一看,竟有2500行之多,如同一座五年不断积攒的💩山。
花两个小时把类压缩合并,再CSS净化优化工具跑一跑,终于没那么臭不可闻了。
然而这么简单的主题,是怎么攒出两千行CSS的呢?汗颜!
在前一篇文章的评论中夜未央提出:
对比了下,感觉你默认字体颜色太浅了,看长文可能比较容易注意力不集中,点T后的备用字体则深很多。对于两种字体本身而言,我感觉差异不大,都比较舒服。
实际上这个锅是字体本身不带500字重造成的。动手解决,分为两种情况——MacOS与Windows,Linux的弟兄暂时抱歉因为我觉得L...
这几个月一直不定期的折腾站点字体,原因大家都懂的,男人朝三暮四、喜新厌旧……
因为没想过可以借助JS来切换,之前是通过直接改CSS或者干脆做子主题的方式实现切换。
然后今天有位自己送上门的网友Jdeal,回访时发现他博客使用了个小技巧。
立刻抄起来,结合本站情况只用了半小时搞好了。舒适。
记一下方法...
主题样式作了修订,增加了主页显示“状态(status)文章”功能。样式经过细调稍许入眼,但border在相邻区块就只能显示一条或者不显示。经过思考,增加了不怎么用的相邻兄弟组合器“+”,这样就能判断不同类型区块并在相应节点加入border了。
.post--area__statusfull + .post {
padding-top: 20px;
border-top: 1px so...
主题一直有个功能没有实现,即鼠标移到图库内单独的图片上只显示该单图exif信息,而非所有图片的exif信息都显示出来。这个需求不止我自己有,早在2021年12月就有网友提出过。
需求
今天灵光一现,实现了。方法不难,两句CSS就能搞定。
figure.wp-block-gallery:hover .exif-caption[exif-data]:before {
...
在Puma 2020主题更改为serif字体中,网友留言提到:
网友留言
今早在不亦乐乎博客中也看到了,感觉不错。于是扒下来套用一下(自己啪啪打脸)。
目前唯一问题是生僻字以及自制字有些别扭。
生僻字、自制字
在知更鸟博客中提到:文字大小为什么要用html{font-size: 62.5%;}。
提炼下文章大意,现今为适配不同的移动终端需要将px设为rem,但rem的问题在于计算繁难,如将浏览器默认的font-size:16px;乘以系数62.5%强行设为10px,就可以按照十进制计算rem值,避免1.6倍计算问题。
举个栗子:
font-size: 14px;原需设为0...
昨天上级支持的项目,被总部砍了一大刀,一天都愁怎么跟客户解释;昨晚开大会,又搞到九点,人仰马翻;下午看到工资条,又是毫无惊喜可言的一个月。这几天就跟阴沉沉的天气一样。
亮点也是有的:跟踪了五年的一个小项目,已成长为较大规模,通报表扬;项目虽然被砍了一大刀,但被表扬risk management做得很好;今天...