响应式网页规划基本准则


响应式网页规划基本准则


小编常常听到响应式网页设计的有多好,多牛 。一向都没有和我们真实说过,响应式网页设计的好究竟在哪些地方表现 。为了让不明所以的吃瓜大众愈加深化的了解响应式网页设计,接下来就给大家说说,在建设响应式网页设计的过程中,我们需求恪守的准则 。
Web字体Vs体系字体


想让自己的网站具有炫酷的Futura或Didot作用吗?那就是用web字体吧 。虽然web字体看起来很炫酷,但你要记住,这些字体都需求用户下载,字越多,用户加载页面的时刻也就越长 。另一方面,体系字体加载速度则快得多(条件是用户本机就有),但过分一般 。这里有许多适合建设web的网页字体 。


移动优先仍是台式桌面优先


严格来说,项目从小屏幕下手过渡到大屏幕(移动优先),仍是从大屏幕下手过渡到小屏幕(台式桌面优先)区别不大 。可是,从移动端着手能够给你带来一些额定的限制,协助你进行决议计划 。通常状况下我们会从两方面一同着手,所以你仍是要看哪种方法最适合你 。


内容流


跟着屏幕尺度越来越小,内容所占的垂直空间也越来越多,也就是说,内容会向下方延伸,这就叫做内容流 。假如你适应了运用像素和点进行规划,或许会觉得这个有点难把握 。不过不要紧,适应了就很好了解了 。


嵌套目标


还记得相对方位吗?假如一大堆要素互相都紧密联系,那么必将难以操控 。因而,将要素放置到容器中就会让它们变得愈加好了解,而且简练明快 。这种状况就需求用到像素之类的静态单位了 。静态单位关于logo和按钮等不需求扩展的内容来说十分有用 。


【响应式网页规划基本准则】

    推荐阅读