大屏开辟心得

规划篇

由于大屏不是对外开放的，所以能够运用牢固的浏览器。既然如许现实上是能够运用一些相对比较新的手艺的。所以在规划这块我优先选择运用flexbox手艺。

由于大屏屏幕很大，设想师给出的设想图平常会有很大的尺寸。实在设想师并不知道的是大屏屏幕在再大，也不过就是一个显现屏的尺寸。实在那这块须要的就是一个等比缩放。设想稿平常也就是一个屏幕的大小，也不须要转动等其他的用户操纵。所以在规划之前须要起首设置的是外框尺寸

html, body {
    height: 100%;
}

大屏起首要把要把这类尺寸的差别处理，这就表现出来flexbox的上风了。由于只要把量出来设想稿的现实尺寸，直接设置在flex上就能够了。

比方设想稿尺寸是3200px，对应到flex上就是flex: 3200。

大屏隐约的题目

大屏平常都是多块屏幕拼集起来的一整块屏。设想稿给的一个页面。最先的时刻我们是根据一个页面举行开辟的。然则投到一个大屏的时刻题目来了，由于放的很大，锯齿很严重。

所以厥后照样把大屏离开了，设想稿的每一个部份拆成一个页面，每一个小屏幕显现一个页面。如许子锯齿状况就减轻许多。

还处理了一个题目，就是全部屏幕的时刻，字体太大。即使字号很小也会显现很大（chrome默许最小字号是12px，假如须要显现更小，须要修正浏览器设置）。离开就不会有这个题目了