D-BOX_百度百科
声明：百科词条人人可编辑，词条创建和修改均免费，绝不存在官方及代理商付费代编，请勿上当受骗。
全称为D-BOX动感座椅，又俗称为D-BOX电影。是一种新型的观影体验。D-BOX的全部包括一个沙发和一个控制沙发4轴运动的电子装置。可根据观看的电影，提前设置好和电影情节匹配的运动轨迹。这样就能让观众在观看电影的过程中有更加身临其境的感觉。尤其是在汽车追逐，大海中乘船的场景中。完全还原了电影中的一些惊险运动产生的摇晃和震动。3D电影的和D-BOX的身体感受结合，将会产生无以伦比的真实体验。
近年来，在IMAX和3D电影的风靡全球以后，D-BOX发展更快。未来，D-BOX和3D的结合将是大势所趋。在一些一线城市，已经有部分影院拥有D-BOX放映厅了。
D-BOX不但在电影领域带来全新感受，在游戏领域里也有很大的发展空间。由于价格过高。只有少部分发烧友玩家在家中也拥有D-BOX动感座椅。它能带来全新的游戏感受，在赛车，飞行和一些运动游戏里表现的格外出色。但是前提是这些游戏必须支持D-BOX的动作功能。4937人阅读
Web前端（28）
原文链接：
webkit-box
1、之前要实现横列的web布局，通常就是float或者display：inline- 但是都不能做到真正的流体布局。至少width要自己去算百分比。
2.flexible box 就可以实现真正意义上的流体布局。只要给出相应属性，浏览器会帮我们做额外的计算。
提供的关于盒模型的几个属性：
box-orient&&&&&&&&&& 子元素排列 vertical or horizontal
box-flex&&&&&&&&&&&& 兄弟元素之间比例，仅作一个系数
box-align&&&&&&&&&&& box 排列
box-direction&&&&&&& box 方向
box-flex-group&&&&&& 以组为单位的流体系数
box-ordinal-group&&& 以组为单位的子元素排列方向
box-pack以下是关于flexible box的几个实例
1、三列自适应布局，且有固定margin：
&!DOCTYPE html&&html&&style&
display: -webkit-
-webkit-box-orient:
min-height: 200
border: 2px solid #666;
-webkit-box-flex: 1;
margin: 10
font-size: 100
font-weight:
font-family: G
-webkit-box-align:
&/style&&div&&div&1&/div&&div&2&/div&&div&3&/div&&/div&&/html&
2、当一列定宽，其余两列分配不同比例亦可(三列布局，一列定宽，其余两列按1：2的比例自适应)：
&!DOCTYPE html&&html&&meta charset=”utf-8″ /&&style&
display: -webkit-
-webkit-box-orient:
min-height: 200
border: 2px solid #666;
margin: 10
font-size: 40
font-weight:
font-family: G
-webkit-box-align:
.w200 {width: 200px}
.flex1 {-webkit-box-flex: 1}
.flex2 {-webkit-box-flex: 2}
&/style&&div&&div&200px&/div&&div&比例1&/div&&div&比例2&/div&&/div&&/html&
3、下面是一个常见的web page 的基本布局：
&!DOCTYPE html&&html&&meta charset=”utf-8″ /&&style&
header, footer, section {
border: 10px solid #333;
font-family: G
font-size: 40
text-align:
margin: 10
width: 80%;
min-width: 600
height: 100%;
display: -webkit-
-webkit-box-orient:
min-height: 100
-webkit-box-flex: 1;
#content {
min-height: 400
display: -webkit-
-webkit-box-orient:
.w200 {width: 200px}
.flex1 {-webkit-box-flex: 1}
.flex2 {-webkit-box-flex: 2}
.flex3 {-webkit-box-flex: 3}
&/style&&div id=”doc”&&header&Header&/header&&div id=”content”&&section&定宽200&/section&&section&比例3&/section&&section&比例1&/section&&/div&&footer&Footer&/footer&&/div&&/html&
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：400935次
积分：3863
积分：3863
排名：第8693名
原创：57篇
转载：47篇
评论：75条
(1)(2)(3)(1)(1)(2)(3)(4)(6)(4)(14)(1)(4)(2)(1)(5)(2)(2)(2)(3)(1)(3)(2)(4)(1)(3)(7)(14)(5)(1)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'}