- 博客(6)
- 收藏
- 关注
RSS订阅原创 CSS Grid 中 ellipsis 不生效、列被内容撑开的坑与解决方案
CSS Grid布局中，当使用1fr等分列宽时，若子元素包含white-space:nowrap的长文本，会导致列宽被内容撑开而不再等宽。这是因为Grid子项默认min-width:auto会阻止内容压缩。解决方法是为子元素添加min-width:0，明确允许内容被压缩。该问题同样存在于Flex布局中，核心解决思路都是通过重置min-width来解除内容对布局的强制约束。对于嵌套结构，可能需要同时为多层元素设置min-width:0才能彻底解决问题。
2025-12-25 12:58:20
398
原创 使用100vh在手机端高度超出问题
移动端网页适配时，使用100vh计算高度可能导致页面超出屏幕，因为iOS Safari和Android Chrome的100vh包含地址栏和工具栏高度。CSS新增的视口单位能更好解决这个问题：svh（不含地址栏）、lvh（含地址栏）和dvh（动态调整）。将代码中的vh替换为dvh后，min-height:calc(100dvh-60px-165px)实现了正确的自适应高度，完美适配移动端显示需求。
2025-12-05 16:50:28
158
原创 uniapp开发App通知栏消息提示
在uniapp开发手机App的时候，如若需要推送消息至手机，则需要先开启手机端的通知权限，在用户首次登入客户端时提示
2025-06-27 14:59:24
718
原创 overflow-x(y) 相关问题
如果其中一个指定为“visible”，另一个是“scroll”或“auto”，那么“visible”就会被设置为“auto’”。在手写时间轴需求的时候，起初的想法是基于背景图片，放一个宽度小于外容器的小容器，在小容器内进行 overflow-x:auto，再隐藏该元素的滚动条，单个节点大致效果如下。大概就是说，在单独给x轴或y轴设置overflow的值为auto或hidden的时候，另一个轴的值不论是否设置，都会被自动转为auto，且无法修改。
2024-05-27 10:00:16
376
原创 记项目问题-1
方法来解决这个问题。在新定义的方法中，代码检查了。参数不是布尔值，代码将其设置为一个空对象，并将。这样一来，就避免了在触发事件时出现报错的问题。方法进行修改，确保在没有明确设置。的情况下，其默认值为。
2024-05-09 11:52:26
659
1
原创 React 报错之 Property ‘exact‘ does not exist on type ‘IntrinsicAttributes & IntrinsicClassAttributes＜Ro
解决办法：回过头来想yarn.lock文件，重置项目，将锁文件中只是 ‘thunisoft’ 的这一个修改，不删除文件，再次安装依赖，成功运行，再去看两种方式生成的lock文件，发现删除文件后安装依赖自动生成的lock中，多数依赖的小版本都不相同。查阅资料得知：这个错误提示表明在尝试通过HTTPS连接到一个服务器时，该服务器的SSL/TLS证书已经过期。总结：lock文件对于项目还是十分重要的，特别是一些老项目。解决办法：将该url直接扔到浏览器，发现多台设备均无法访问，后问得知不需要此文件。
2024-04-22 16:55:50
743
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人