不同屏幕div间距如何兼容

[stevenjin]

在H5页面中，模拟器用iphone7是一排，正常。
但用iphone7时，有的被挤下去了。
怎样保证在一行，同一个div内呢？
<div style="margin-top: 10px;font-size:11px;width:100%;margin:0;padding:0; border:0;">
<a class="btn btn-link" href="Buy.aspx"><i class="glyphicon glyphicon-edit"></i> 采购订单</a>
<a class="btn btn-link" href="Transfer.aspx"><i class="glyphicon glyphicon-send"></i> 订单转移</a>
<a class="btn btn-link" href="Check.aspx"><i class="glyphicon glyphicon-link"></i> 订单盘点</a>
<a class="btn btn-link" href="Clear.aspx"><i class="glyphicon glyphicon-unchecked"></i> 订单管理</a>
</div>

[追梦侠]

给4个a标签添加CSS样式，设置 display:inline-block; width=24%; 这样合计为96%，不超100%就不会被挤下去了。 另外font-size 一般用偶数，不推荐用奇数。