该网站是在bootsrap 3上编写的,有一个重新设计的任务。问题是如何最好地实现蓝色部分,以便与主网格对接。
我看到几个选项:
1. 使用 CSS 计算器,但会出现这样的结果:
width: calc(((100vw - 1280px)/ 2) + 835px);
2.使用JS获取坐标,设置render函数到监听器' resize
';
3. 使用通常的引导网格,设置 position: relative to parent,设置 position: to childabsolute
并设置一个 margin width
。例如:
width: 70vw
position: absolute;
left:0;
top:0;
4.使用grid-css;
最后,我这样做了:
创建的元素:
我隐藏了元素;
<style>
包括offset
;resize
更新方法。