行动前端开辟工程师，结构体例有多种，利记娱乐软件对不一样的场景也许利用不一样的结构体例，然则很刚加入前端训练的同窗对这些不是很领会，那末咱们就先来单纯的来领会一下，那些前端开辟必需领会的结构。

　　固态结构：给页面元素建设流动的宽度和高度，单元用px，当窗口收缩，会呈现转动条，拉动转动条显现被遮掩体例。针对差别分辩率的手机端，划分写不一样的款式文献。

　　css3引入的，turn结构；长处在于其轻易上手，利记官方网站按照turn法则很轻易到达某个结构结果，但是错误谬误是：阅读器兼容性比力差，只可兼容到ie9及以上；

　　划分为不一样的屏幕分辩率界说结构，在每一个结构中，页面元素不随窗口巨细的调治而产生变革，当窗口巨细达到必定分辩率时变革一次。建立多个固态结构，每一个固态结构对应一个屏幕分辩率规模，利用@media媒介查问手艺。

　　元素的宽高用百分比做单元，元素宽高按屏幕分辩率调治，结构不产生变革。屏幕标准跨渡过大的环境下，页面不克不及寻常显现。

　　利用meta标签建设，页面元素宽度随窗口调治主动适配。采取自顺应结构和流式结构的概括体例，为差别屏幕分辩率规模建立流式结构。

　　2.若是做挪动端，且设想对高度和元素间距央浼不高，那末弹性结构（rem+js）是最佳的筛选，一份css+一份js调理type-filler搞定；

　　3.若是pc，挪动要兼容，并且央浼很高那末使用html5结构仍是最佳的筛选，这个时此刻比力风行的体例。