
webkit
本文详解如何在带悬停缩放(transform:scale())的绝对定位容器中,稳定实现文字的水平或垂直溢出截断(text-overflow:ellipsis/-webkit-line-clamp),...
必须按LVHA顺序声明a:link、a:visited、a:hover、a:active伪类,:visited仅支持有限样式修改;禁用链接需用class+pointer-events或button替代...
酷派老机型(2014–2017中低端)HTML5兼容性差,主因是Android4.2–4.4系统WebView基于Chromium30–37,导致viewport解析异常、touch事件延迟、Flex...
DOOGEE机型适配需强制设置width=device-width,按钮图片44px,禁用devicePixelRatio计算rem,video须加playsinline及x5-playsinline...
直接在上设contenteditable="true"并加tabindex="0"、role="textbox"、aria-multilin...
必须加viewport且设对initial-scale,POCO系列屏幕尺寸与DPR差异大,仅width=device-width会导致渲染异常;正确写法为width=device-width,ini...
HTML无透明颜色代码,需用CSS的rgba()/hsla()实现进度条背景透明;原生须通过浏览器特定伪元素设置,自定义进度条要注意层级、overflow及高对比度模式回退。
overflow:hidden直接裁剪溢出内容且不提供滚动,适用于明确设计意图的截断场景;overflow:auto仅在内容溢出时显示滚动条,更克制,适合内容长度不确定的区域。
absolute元素易“飞走”因脱离文档流且定位基准随响应式断点变化;sticky在Safari存在兼容陷阱;flex+margin:auto居中更稳定;@container需BFC支持且仅限宽度响应...
移动端CSS应避免依赖:hover,改用:active或JS切换类;慎用device-pixel-ratio媒体查询,优先使用width断点;避免vw/vh及body/html宽度基准引发抖动;媒体查...