前端

一些解决响应式布局的CSS技巧，B站里看了一个视频，里面比较完善的介绍了当下响应式布局存在的问题，并给出的解决办法，果然老外的英语水平还是高啊，看文档很多api会用，我们大部分还是用老的、翻译的。

  1. padding: min(5em, 8%),一个绝对值一个相对值，解决不同设备下，PADDING值过大的问题。

  2. font-size: clamp(1.8rem, calc(7vw + 1rem), 5rem),终于找到了，响应式的文字大小，clamp(最小值，首选值，最大值)同时calc计算的首选值也是响应式的。对了，文字今后少用px这样的绝对单位，可以用rem这样的相对单位。

  3. 图片的object-fit: cover结合aspect-ratio: 1/1能让不同尺寸的图片截取相同尺寸的大小。

  4. dvh、dvw比vh、vw更加适配移动单位，height: 100vh; height: 100dvh;，dvh 手机端 vh 电脑端 都写上。

  5. 在dom里隐藏的元素可能会被触发，所以用insert属性将整个节点设置为惰性状态。

访问地址是：B站地址 Youtube原文地址

服务器

不知道为什么，我用的应该是腾讯云服务器吧，但是一老弹窗SGTool.exe报错，检查了下信息，应该是搜狗输入法的问题，但是却找到不解决办法？

这也是奇怪了，这个服务器好多软件也不兼容，比如VSCode，就只支持低版本，很多功能没法用，GIT也不完善。

总之，我卸载了搜狗输入法，换成QQ拼音，目前是没有报错了，跑下看看，报错对功能没什么影响，就是影响心情！！