适配的含义 可视、可操作区域是在安全区域内。 没有做适配的情况： 安全区的含义 不被圆角、齐刘海、底部小黑条（Home Indicator）遮挡的长方形。 H5页面适配安全区 运用：安全区要根据具体场

对于刘海屏的适配，你的脑子里首先得有苹果手机的 Safe Area 的概念，关于 Safe Area 网上的资料已经非常多了，这里就不再赘述，更偏向实战一点。但是为了比较，我这里给出一张苹果官方文档中，iPhone8之前的常规屏幕和刘海屏 Safe Area 区域的对比图。 1…

Iphonex 刘海屏适配解决方案 iphonex之后引入的新概念，安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角、齐刘海、小黑条影响。

Emma Wedekind 原作，授权 New Frontend 翻译。 我都记不得听到过多少次「HTML 很容易」的说法。尽管我同意，相比其他编程语言，HTML 也许学起来要容易一些，但你不该理所当然地认为它不值一提。 HTML 是强大的标记语言，在运用得当的情况下，可以为 …

本文是摘录整理了移动端常见的一些bug以及解决方案，第一篇，后面还会有持续的文章更新整理。 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

欢迎来到旨在探索 JavaScript 以及它的核心元素的系列文章的第五篇。在认识、描述这些核心元素的过程中，我们也会分享一些当我们构建 SessionStack 的时候遵守的一些经验规则，这是一个轻量级的 JavaScript 应用，其具备的健壮性和高性能让它在市场中保有一席…