这是我最近发现的一个致命问题,在apple设备下浏览我的网站,网页在两侧出现大片多余的空白区域,让我很苦恼,但是又无法再众多代码元素中锁定问题所在,之后我在搜索引擎中也没找到合适的解决方案,只能在群里求助大神们了(此处应该有表情),当然作为后端开发的我来说,这是一个绝顶好的小技巧,学了这么久的前端设计(皮毛而已),今天在向某大神请教问题的时候才发现的问题,好像发现了金库,我都无法形容当时的开心程度了,哈哈哈哈哈哈(此处应该有表情)
切入正题:
/* * @description 前端设计师必会的,这是一段简单又神奇的代码!!!!!! */ *{outline: 1px solid red;}
这段代码的神奇之处,我就直接上对比图了。
懂网页制作的童鞋都应该知道,这其实是一段简单的CSS代码,它能够将outline用solid red 标注出来,为了方便设计师能够直观看到切图效果,还有一个好处,就是当我在开发自适应网站(就是页面可以自动适应各种主流设备)时候能够快速审查定位outside的元素,并在chrome debug界面代码!
哈哈哈哈哈,这段代码真是太棒了,有时候它就像是一款可随时调用的小工具!