"Technology" mobile end Box-flex

Defines two scalable DIV elements.

See http://www.w3school.com.cn/cssref/pr_box-flex.asp for examples

Previous mobile-side view:

<div class= "Head" >
<div class= "Head_left fl" >
<a href= "#" ></a>
</div>

<div class= "Head_right fr" >
<div class= "Head_right1" >
<a href= "tel:10086" ></a>
</div>
<div class= "Head_right2" >
<a href= "#" ></a>
</div>
</div>

<div class= "Clear" ></div>

</div>

Body {
font-size:62.5%;
Color: #4F4F4F;
Background:none repeat scroll 0% 0% #FFFFFF;
}

img{
max-width:100%;
border:0px none;
}

. head{
padding:25px 15px 0px;
}
. head_right1{
padding-right:5px;
Vertical-align:middle;
}
. head_right2{
padding-left:10px;
}

After the mobile view:

Body {
    font-size:62.5%;
    color: #4F4F4F;
    background:none Repeat scroll 0% 0% #FFFFFF;
}

img{
    max-width:100%;
    border:0px None;
}

. head{
    padding:25px 15px 0px;
}
. head_right{
    display:-moz-box;/* Firefox */
    display:-webkit-box;/* Safari and Chrome */
    display:box;
}
. head_right1{
    -moz-box-flex:1.0;/* Firefox */
    -webkit-box-flex:1.0 ; /* Safari and Chrome */
    box-flex:1.0;
    padding-right:5px;
    vertical-align:middle;
}
. head_right2{
    -moz-box-flex:1.0;/* Firefox */
    - webkit-box-flex:1.0; /* Safari and Chrome */
    box-flex:1.0;
    padding-left:10px;
}

Technology Mobile End Box-flex