这样的一段代码很简单，然而就是这样的一段简单的代码，在 iOS 中出现了让误以为不兼容 [style*='100vh - 46px'] 这个写法。

这个效果在很多图片处理的相关页面中会出现。不过在这里突然看到有人提到用 JS 来实现，如果只是纯粹为了展示看效果，没有其他需求的话，其实完全可以直接使用 CSS 来实现。

这篇内容之前是发在自己的个人公众号志语自乐中的，然后看到 SF 周刊中有一篇《与众不同的夜间开关交互效果》，于是想着在这里也发一下。当时只是为了整一个效果，并没有对 HTML 和 CSS 有太多细节优化考虑。

原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面这样的结构而已。

啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radius 的特性。 {代码...}

今天上班在很认真的寻访候选人，查看招聘网站上的一些人选的信息时，突然收到 Taro 团队的核心开发兼运营（我说他是开发，他说自己是运营）同学的微信消息，如下图：

看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的很不错。原文很长，取部分内容简单分享，并非原文翻译，图片和代码来自原文，具体的可查看原文。原文地址：...

就一般而言，我们所做的页面并非对于文学类用户，因此也不太可能会接触到“着重号”这个符号。如果对于 word 不陌生的朋友应该会知道在 word 中有一个文本设置，就是设置“着重号”的。

这张图是继上篇文章《这样写 step 步骤条就轻松了》而延伸出来的，在上一篇中提到使用 progress 标签来实现一个进度条的效果，并没有提供任何相对比较具象的 demo。这次，不仅有了一个比较具象的 demo（虽然不是特别炫酷），同时，还将会介绍一个新的标签，一个比 progress 更强大的标签。

相信很多朋友在写页面的时候都会遇到类似步骤条的效果，当进入到第 x 步的时候，前面是高亮的，后面是灰的，甚至还有可能是其他的一些样式，反正基本上就类似这样的一个效果。

哦了，多余的话也就不说了，保护好个人信息很关键，不要随便相信任何一个人，尤其是商人。回正题，这本有关 flex 布局相关的 PDF 是免费的，好与不好，看了就知道，页数不多，截图+代码，也就 100 多页。

这个应该是已经有很多人做过的东西，我应该只是算手痒，想写一下，所以，花了点时间折腾了这个，顺便把 Dark Mode 的处理也加上了。 首先可以很明确的一点，这个真没技术含量存在，只是需要点耐心。 LED 数字包含了左右各两条线，中间三条线，一共 7 条线。所以，为了能够更容易辨识，在写 demo 的时候，我直接这样写了...