text-overflow:ellipsis仅对单行生效，多行需用-webkit-line-clamp；其要求display:-webkit-box、-webkit-box-orient:vertical、整数行数及明确高度限制，且仅WebKit/Blink内核支持，Firefox等需降级处理。

本文介绍如何通过CSS3D变换（transform-style:preserve-3d）替代单纯border+border-radius的二维模拟方案，解决线条在rotateY动画中因透视压缩导致宽度归零、视觉消失的问题。

多行文本在grid单元格中垂直居中失效，主因是网格项未撑满行高或内部非块级布局；需设align-items:stretch并让网格项用flex实现justify-content:center。

不需要为不同断点单独设置行高；应使用无单位数值（如1.5），因其相对当前font-size计算、避免嵌套失真，且适配响应式字号变化。

max-width:100%不生效的主因是父容器无宽度、内联宽高覆盖、flex/grid中min-width:auto阻碍缩放；必须配合height:auto保持比例，且需检查srcset/sizes和Safari渲染问题。

PHP页面本身不负责渐变渲染，真正决定渐变能否适配手机端的是CSS的background渐变写法和响应式控制逻辑——PHP只是输出HTML/CSS的载体。