分享一段代码,却是网页前端设计必备小技巧

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

切入正题:

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

geilicssdaima_yuangeilicssdaima

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

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

共有 0 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注