CSS

昨晚在设置博客的背景图片,对Indite主题作了一阵魔改之后利用background-image等CSS属性在<body>上实现。

本来为移动端和桌面端分别准备了几张图片,并配合PHP随机选择url,再利用响应式布局和background-size: cover属性值实现了“将图片缩放成将完全覆盖背景定位区域的最小大小”,并且保持纵横比(通俗一点就是,背景图的显示尺寸覆盖完页面的宽和高,并且没有白边);同时使图片位置保持在屏幕中央,利用了background-attachment: fixed。电脑上调试一切正常。

(更多…)

More
  • 2021年7月20日