因为它们源自 iPad 第一代的物理分辨率（768×1024），不是视口宽度，更不是用户真实浏览场景。现代移动端浏览器默认缩放、桌面端高 DPR 屏幕、折叠屏、竖屏笔记本都会让这些数值失效。
css背景视频在移动端无法自适应怎么办_使用poster替代并设置响应式封面图
移动端背景视频无法自适应，本质…
safari
精选推荐
html5如何布局媒体查询_html5响应式布局媒体查询技巧
直接写在CSS文件中更合理，避…
为什么javascript的Date对象处理时区如此复杂_如何避免常见错误？
JavaScript 的 Da…
最新动态
CSS断点选择艺术_常用屏幕尺寸的标准断点设置指南
CSS伪类:is()在现代CSS架构中的性能与语法优势
因为浏览器对 :is() 内部的选择器只做一次解析和匹配，而不是把每个逗号分隔项展开成独立规则去重复计算。这直接降低了样式表的解析开销和重排重绘时的匹配成本。
CSS项目实战之文章排版系统_字体、行间距与段落优化
Windows 和 macOS 渲染中文字体的默认行为差异大，单写 "Microsoft YaHei" 在 Mac 上会回退到不一致的系统字体，甚至触发 Times New Roman 这种灾难性 fallback。
CSS伪类:placeholder-shown应用_占位符显示时的交互逻辑
直接用 :placeholder-shown 伪类就行，但它只对 <input> 和 <textarea></textarea> 生效，且必须是原生 placeholder 属性触发的占位符（不是 JS 模拟的）。
如何使用CSS Grid布局构建项目_项目中使用Grid实现网格布局
CSS Grid 是目前最直接、可控性最强的二维布局方案，适合构建固定结构或响应式网格系统；用 display: grid 就能启动，但关键在如何合理设置 grid-template-columns 和 grid-gap。
CSS颜色属性全解析_整理100个关于颜色的属性与值
CSS 里根本不存在「100个颜色属性」——这是对 CSS 颜色体系的严重误解。真正可用的颜色相关属性只有 color、background-color、border-color、outline-color、fill、stroke 等寥寥几个，其余全是「值」，不是「属性」。
CSS框架Baseguide实战_一个超轻量级的响应式CSS库
它默认不设 max-width，只提供流式栅格基础，不是 Bootstrap 那种开箱即用的“容器”。你得自己加限制才看得出居中效果。
CSS响应式排版中的孤行控制_防止移动端标题文字过短
CSS里的孤行问题，不是“页面只有一行字”这种字面意思，而是指段落末尾或标题开头单独被挤到新行、和主体内容断开——比如一个两字标题简介在窄屏上被强行拆成“简”在上一行、“介”在下一行，或者标题单独占顶、下面正文却空出一大截。这种断裂感在移动端特别刺眼，因为视口宽度小、行高相对大，line-height和font-size稍一变化就容易触发。
CSS项目实战之FAQ手风琴效果_纯CSS实现内容展开收起
因为默认样式太难看，且老浏览器不支持。Chrome 12+、Firefox 49+、Safari 6.2+ 支持，Edge 79+ 也行；IE 全系不支持。如果你的项目要兼容 IE 或旧安卓 WebView，就得换方案。
CSS斜体与倾斜的区别_italic与oblique的微小差异
font-style: italic 不是“让字歪一点”，而是告诉浏览器：“请调用这个字体家族里专门设计的斜体字形”。比如 Open Sans 或 Georgia 都自带独立的 italic 字重文件，字母 a、e、f 的曲线、收笔、倾斜角度全是手绘优化过的。