写过移动端的同学或多或少都遇到过软键盘带来的各种各样的问题，最典型的就是输入框被软键盘遮挡、fixed元素失效等问题，并且这些问题在iOS上的表现让人难以接受。

很多时候，我们希望有一种方法可以避免某种CSS问题或行为的发生。我们知道，网页内容是动态的，网页上的东西可以改变，从而增加了出现CSS问题或奇怪行为的可能性。 防御式 CSS是一个片段的集合，可以帮助

> 杨鹏 ## 一、背景 在一个普通的工作日，BUG反馈群突然发来一个视频。视频中显示，我们的H5应用在打开某个下发的资料时，加载图片的过程中陷入了不断刷新的死循环。这个问题直接影响了用户体验，也

发现在 iphone 手机中即使设置了 <meta> 也无法禁止缩放的问题。 如果你懒得看上面的文章，那么大意是这些属性本来是通过合适的设置来增强用户体验的，结果大部分情况下都被直接设置成禁止缩放，造成低分辨率设备上很难看清文字。所以 Webkit 在 iOS 10 后不再对这…