这是我最近发现的一个致命问题，在apple设备下浏览我的网站，网页在两侧出现大片多余的空白区域，让我很苦恼，但是又无法再众多代码元素中锁定问题所在，之后我在搜索引擎中也没找到合适的解决方案，只能在群里求助大神们了（此处应该有表情），当然作为后端开发的我来说，这是一个绝顶好的小技巧，学了这么久的前端设计（皮毛而已），今天在向某大神请教问题的时候才发现的问题，好像发现了金库，我都无法形容当时的开心程度了，哈哈哈哈哈哈（此处应该有表情）

切入正题：

/*
 * @description 前端设计师必会的，这是一段简单又神奇的代码！！！！！！
 */

*{outline: 1px solid red;}

这段代码的神奇之处，我就直接上对比图了。

懂网页制作的童鞋都应该知道，这其实是一段简单的CSS代码，它能够将outline用solid red 标注出来，为了方便设计师能够直观看到切图效果，还有一个好处，就是当我在开发自适应网站（就是页面可以自动适应各种主流设备）时候能够快速审查定位outside的元素，并在chrome debug界面代码！

哈哈哈哈哈，这段代码真是太棒了，有时候它就像是一款可随时调用的小工具！